Chinaunix首页 | 论坛 | 博客
  • 博客访问: 1480842
  • 博文数量: 187
  • 博客积分: 10375
  • 博客等级: 上将
  • 技术积分: 3127
  • 用 户 组: 普通用户
  • 注册时间: 2006-03-07 10:58
文章分类

全部博文(187)

文章存档

2013年(1)

2012年(8)

2011年(28)

2010年(36)

2009年(47)

2008年(67)

我的朋友

分类: 系统运维

2010-08-03 21:26:51

只用过JQuery, 对prototype还不太了解。以下是引用于:

这篇文章后面的评论也值得一读。

1.dom加载方面:
jquery有dom ready方法,推迟js函数的绑定直到dom树完成(如果没有这个功能,一些element的事件函数之类的绑定可能会出错):
$(document).ready(function(){});

但是prototype是没有的。。。得自己找非官方的扩展,不方便,这个基本的功能,这么重要的功能,不知道为啥迟迟不加到核心库

2.path查找,dom定位方面
jquery的dom查找和css定位一致,用过就感觉非常方便,这是他的一大亮点和优点
$('.func #select_all').click(function()
$(this).parent('div').parent('div').find('li .checkbox input:checkbox')

prototype只有查找单个dom对象方便--$(id)
比较麻烦的是把单个和数组分开了,如果找一个路径下的许多对象
得$$('div .right_contact'),这种风格仍然是定位某一类型的对象
而不是用路径查找,这方面不如jquery方便和概念一致

3.函数,事件绑定
举个例子,把class为right_contact的div绑定click高亮事件,prototype写法是:
$$('div .right_contact').each(function(item){
item.observe('click', function(event){
new Effect.Highlight(item,{ duration: 2.0,startcolor: '#ffff99',endcolor: '#fffffff',restorecolor: '#fffffff' });
});
});

如果是jquery,简洁很多:
$('.right_contact').click(function(){   
$(this).toggleClass('hilight');
})

阅读(716) | 评论(0) | 转发(0) |
0

上一篇:浅谈Mysql与Oracle区别

下一篇:OGNL-简介

给主人留下些什么吧!~~