lnoe-lzy/gs.js

ES5 / ES6 DOM操作、功能操作的敏捷开发库。

Gs.js

使用方法

---

在html文件中引入gs库文件： <script type='text/javascript' src='gs.js'></src>

内置方法

---

• G(''): 选择元素； G('div')
• each: 未选择的所有对象添加方法； G('input').each(function(){});
• html: 对选择的对象的html进行修改或者获取； G('div').html();
• value: 对input、textarea元素的value进行修改或者获取; G('input').value();
• attr: 对选取对象的属性进行获取或者修改； G('div').attr();
• find: 查找指定对象的子元素; G('div').find('p');
• end: 返回当前作用域链的上一个对象； G('div').find('p').end();
• remove: 删除指定元素及其所有子元素； G('div').remove();
• append: 为指定元素添加子元素; G('div).append('div');
• css: 对指定元素的样式进行获取或者修改操作； G('div').css();
• height: 设置或获取元素的高； G('div').height();
• width: 设置或获取元素的宽; G('div').width();
• event: 未指定对象添加或删除事件； G('div').event('click', function(){},'a');
• click: 添加click事件； G('div').click();
• mouseover: 添加mouseover事件； G('div').mouseover();
• mouseout: 添加mouseout事件； G('div').mouseout();
• mousemove: 添加mousemove事件； G('div').mousemove();
• mousedown:添加mousedown事件； G('div').mousedown();
• mouseup:添加mouseup事件； G('div').mouseup();
• animate: 未指定的元素添加动画过渡效果； G('div').animate({'width': '100'});
• Gs.isNaN: 判断指定的对象是否为NaN； G.isNaN(obj);
• Gs.isUndefined: 判断指定对象是否为undefined; G.isUndefined(obj);
• Gs.isNull: 判断指定对象是否为NuLL; G.isNull(obj);
• Gs.toArray(obj): 将指定的类数组对象转换为数组; G.toArray(obj);
• Gs.getStyle: 获取指定元素的指定属性; G.getStyle(obj, 'width');
• Gs.trim: 去除字符串的多余的空格; G.trim(str);
• Gs.contains: 判断字符串中是否包含另一字符串 G.contains('hello world', 'hello');
• Gs.callback.add: 添加指定函数到函数队列; G.callback.add(fn);
• Gs.callback.fire: 执行函数队列的函数; G.callback.fire();
• Gs.ready: 缓存加载函数; G.ready(fn);
• Gs.module.define: 定义模块; G.module.define('name', [dependencies], fn);
• Gs.module.use: 使用模块; G.module.use(modulename);
• Gs.module.require: 加载模块; G.module.require('module', fn);
• Gs.single: 单例模式;
  var a = function () {}; var b = Gs.single(a); b();