继续完善的Reg.js，作为一门js框架（附带txt说明文档），增加事件委托live方法，及解除委托die方法

p455328868 2012-11-17 09:58:23

【2012-11-1 起草的reg.js是一门js框架】
【2012-11-17 增加事件委托live方法，及解除委托die方法】

发此贴只是为了结交喜欢javascript的朋友们，新手勿扰哦~~~~ 本人(目前在上海):QQ 455328668，有兴趣的人加我就好了。更希望用心看到，能推荐份好工作给我啊，呵呵~~~偶也会php+mysql;java+oracle;最拿手的是前端开发css js啦~~

下载地址

我的网址

1.选择器返回的是一个名为newReg的构造方法的实例的init方法，再调用核心find方法， element对象则存放在newReg实例的，为elems的数组里面

支持写法 Reg('#id')
支持写法 Reg('.class0'), Reg('.class0.class1...')
支持写法 Reg('div'), Reg('div.class0.class1...')
支持写法 Reg('div0.class1 div.class2 div.class3...')就跟css的写法一样

支持写法 Reg().find() 参数同上

2.遍历方法 each(callback);
(1)遍历element对象
支持写法 Reg('div').each(function(i,n)) // i为数字序列0开始，n为每次遍历时的element
(2)遍历数组，json
支持写法 Reg.each(json或者array，function(i,n)) // i为索引，n为值;

3.延迟加载js方法 (待html页面加载完成后读取js)
支持写法 Reg.ready(fn)或者简写Reg(fn)

4.element元素显示隐藏 hide(), show()

5.html(string)方法
不带参数时，返回当前element的innerHTML
带参数，给当前element的innerHTML赋值(string)

6.attr(name,value)方法
element的节点属性添加，赋值；当没有value参数时，返回节点属性

7.removeAttr(name)方法
移除element的节点属性和值

8.val(val)方法 input等有value属性的element的返回，或者赋值方法

9.css()方法
支持写法选择器.css('width');//返回值
支持写法选择器.css('width','100px');//赋值
支持写法选择器.css({'width':'100px','height':'100px'});//json方式赋值

10.height(),width(), innerHeight(),innerWidth(), outerHeight(option),outerWidth(option)
inner包括内边距,outer包括内边距,边框，参数true为包括外边距

11.addClass(name)添加样式

12.removeClass(name)移除样式

13.toggleClass(name)切换样式，存在则移除，不存在则添加

14.节点预先内容prepend(content)方法

15.节点追加内容append(content)方法

16.事件绑定 bind(typeEven,fn)方法 //参数为类型，触发函数
支持写法选择器.bind('click',function(e){... });
支持写法选择器.click(function(e){... }) //上面写法的简单写法

17.unbind(typeEven)解除bind绑定
支持写法选择器.unbind('click');

18.trigger执行绑定事件方法
支持写法选择器.trigger('click');
支持写法选择器.click() //上面写法的简单写法

19.事件委托 live(typeEven,fn)方法 //参数为类型，触发函数
支持写法选择器.live('click',function(e){... });

20.die(typeEven)解除live绑定委托
支持写法选择器.die('click');

21.ajax(setting)方法及jsonp跨域

Reg.ajax({
type:'get', //http请求方式
url:'http://127.0.0.1/testAjax.php', //请求url
data:"rr=rgsgd&ss=gg", //请求参数支持json写法
success:function(data){ //成功后执行callback 参数为返回数据
alert(data.id)
},
dataType:'jsonp' //返回格式如json，jsonp，默认为text
});

最后补充：Reg可简写为 r$ 或 R$；

...全文