reg.js( jQuery用烂了,所以自己手写的javascript框架 ,附带说明 )

p455328868 2012-11-15 10:06:05
写了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$;






...全文
521 19 打赏 收藏 转发到动态 举报
写回复
用AI写文章
19 条回复
切换为时间正序
请发表友善的回复…
发表回复
张在兴 2012-11-17
  • 打赏
  • 举报
回复
顶一下下
licip 2012-11-17
  • 打赏
  • 举报
回复
学习学习是不错的。
gahyyai 2012-11-17
  • 打赏
  • 举报
回复
果断支持LZ一下,继续加油
p455328868 2012-11-16
  • 打赏
  • 举报
回复
引用 14 楼 yenange 的回复:
除了简洁明了之外,你这个框架还有什么比jquery更先进的功能?
我打算把javascript模块化,写进去。。还有,jquery源码是我的上百倍,有可比性吗
p455328868 2012-11-16
  • 打赏
  • 举报
回复
引用 13 楼 wpf1523 的回复:
嗯,我们学习的主要是jquery封装后的写法,而内部的代码基本都没有什么难点啊 最后说一句,楼主你的框架跟我的都差不多,有些方法名以及方法的“重载”都是一样的
呵呵,你QQ多少呀,一起讨论下啊
吉普赛的歌 社区高级成员 T9 2012-11-16
  • 打赏
  • 举报
回复
除了简洁明了之外,你这个框架还有什么比jquery更先进的功能?
wpf1523 2012-11-16
  • 打赏
  • 举报
回复
嗯,我们学习的主要是jquery封装后的写法,而内部的代码基本都没有什么难点啊 最后说一句,楼主你的框架跟我的都差不多,有些方法名以及方法的“重载”都是一样的
  • 打赏
  • 举报
回复
有空推荐到项目里,LZ加油!
p455328868 2012-11-16
  • 打赏
  • 举报
回复
引用 10 楼 kelvenyiu 的回复:
你这个有什么优越性?
简洁明了
kelvenyiu 2012-11-16
  • 打赏
  • 举报
回复
你这个有什么优越性?
p455328868 2012-11-16
  • 打赏
  • 举报
回复
引用 8 楼 KK3K2005 的回复:
不错阿 要超越jquery还是有点难度的
嗯,所以才来这里招揽朋友呀,一个人力量有限~~
KK3K2005 2012-11-16
  • 打赏
  • 举报
回复
不错阿 要超越jquery还是有点难度的
p455328868 2012-11-16
  • 打赏
  • 举报
回复
引用 4 楼 ILOVE_ASPNET 的回复:
呵呵,支持下楼主,赞个能给出来就蛮不错的,加油,我看好你哦
谢谢你,呵呵
p455328868 2012-11-16
  • 打赏
  • 举报
回复
引用 3 楼 chhxxc 的回复:
莫浮躁,2周能写出神马来
别喷人,好不好,我是来交朋友的~~
p455328868 2012-11-16
  • 打赏
  • 举报
回复
引用 2 楼 xzy21com 的回复:
我的jQuery年年都是新的
呵呵,其实一些基本功能用用就够了,不需要时常换的,我就是把自己常用的功能写了一下~~
ILOVE_ASPNET 2012-11-16
  • 打赏
  • 举报
回复
引用 3 楼 chhxxc 的回复:
莫浮躁,2周能写出神马来
呵呵,支持下楼主,赞个能给出来就蛮不错的,加油,我看好你哦
奇乐二二二 2012-11-16
  • 打赏
  • 举报
回复
莫浮躁,2周能写出神马来
scscms太阳光 2012-11-15
  • 打赏
  • 举报
回复
引用 楼主 p455328868 的回复:
jQuery用烂了!!
我的jQuery年年都是新的
woxiangbo 2012-11-15
  • 打赏
  • 举报
回复
碉堡了 ~!

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧