写了2个礼拜啦,O(∩_∩)O哈哈~
发此贴只是为了结交喜欢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.trigger执行绑定事件方法
支持写法 选择器.trigger('click');
支持写法 选择器.click() //上面写法的简单写法
18.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$;