开源小巧的javascript框架：G.js

G.js是一个开源小巧的javascript框架。支持浏览器 ie6+
一共包含31个方法，其中有13个是对dom原生对象的扩展（被G.js处理过的对象才有这些扩展方法,没有污染原生对象结构），18个常用方法。

18个常用方法包含了4个插件：
1、自动验证表单
2、各种弹出框 (alert | success | error | confirm | prompt | box)
3、无刷新上传图片
4、移动设备的上下 左右 长按 手势的识别（需要支持touch事件）

G.js返回的对象均为原生js对象。

g.js ----------- 16KB

g.min.js ----------- 11KB

g.css ----------- 3KB （各种弹出框的样式）

获取1个class为.dt的元素 改变背景颜色为(#85B3DC)

G('.dt').css({'backgroundColor':'#85B3DC'});测试

获取1个class为.dt的元素内的所有信息

alert(G('.dt').innerHTML);测试

获取所有class为.dt的元素 改变背景颜色为(#85B3DC)

G('.dt',true).css({'backgroundColor':'#85B3DC'});测试

获取所有class为.dt的元素 下面的第一个p元素 改变背景颜色为(#85B3DC)

G('.dt',true).$('p').css({'backgroundColor':'#85B3DC'});测试

获取所有class为.dt的元素 下面的所有p元素 返回的是一个二维数组

G('.dt',true).$('p',true);

G.alert | G.error | G.success | G.notice 方法

         <script type="text/javascript">  /*   G.alert(s,c,f,t),G.error(s,c,f,t),G.success(s,c,f,t),G.notice(s,c,f,t)   @s:提示信息;    @t:显示时间;默认 2000 毫秒   @f:回调函数   @c:是否有遮蔽层 默认true    */    G.alert('用户名不能空！');    //有遮蔽层  G.alert('用户名不能空！',true);    //无遮蔽层 提示完跳转到 http://www.yxsss.com  G.alert('用户名不能空！',false,function(){window.location='http://www.yxsss.com'});    </script>测试         

req 属性

<!--   req="true" 表示用户名为必填项，当用户名为空是提示为：   提示语默认是 元素的父级的上一个元素的内容。下面的提示为 用户名不能为空；   自定义提示提示信息看 属性ts  -->  <form action="" method="post">  <table>   <tr><td>用户名：</td><td><input type="text" req="true"></td></tr>   <tr><td colspan="2"><input type="submit" value="提交"></td></tr>  </table>  </form>

exp | ts 属性

<!--  exp="这里填写正则表达式" 表示当内容不为空时，用正则表达式验证当前元素里面的内容  如：必填 邮箱格式 自定义提示语  -->  <form action="javascript:;" method="post">  <table>   <tr><td>email：</td><td><input type="text" ts="邮箱格式不正确" req="true" exp="^[\w\-_\.]+@[\w\-]+(\.[a-zA-Z]{2,6}){1,2}$"></td></tr>   <tr><td colspan="2"><input type="submit" value="提交"></td></tr>  </table>

fname | funbak | furl | funstr 属性

<!--  fname：后台接收时用的名字, 必填  funstr：开始上传执行的函数, 默认无  funbak：上传成功后的回调函数， 必填  furl：上传地址； 默认当前form的提交页面  注意：上传地址和当前地址必须为同意域名否则回调函数获取不到 上传成功发回的地址。    a.php:    $path='a.jpg';  move_uploaded_file($_FILES['uimg']['tmp_name'],$path);  exit(json_encode(array('ztai'=>true,'url'=>$path)));      -->    <form action=""  method="get">  <input type="button" fname="uimg" funstr="function(){document.title='图片正在上传……';return false;}" funbak="ddd" furl="a.php" value="本地上传">  </form>  <script type="text/javascript">  function ddd(da){      if(da.ztai){    document.title='上传完成';    G.success('上传成功保存地址为'+da.url);   }  }  </script>