javascript 程序库的比较(一)之DOM功能_javascript技巧
程序员文章站
2022-05-04 20:16:01
...
1,Prototype程序库
这是第一个把document.getElementById()简化为$的程序库。
比如:原来的var myele=document.getElementById('id')等价于var myele=$('id')
此外,$还扩展了一些功能
比如:var eleArray=$('id1','id2','id3','id4')能够返回一个包含4个对象的数组。
除了$,这个函数库还提供了根据类名找元素的方法getElementsByClassName;添加类名的方法addClassName;移除类名的方法removeClassName等,大大方 便了我们使用。
2,jQuery
它比prototype更强大。
比如:
document.getElementById()==>$('#money')
document.getElementsByTagName==>$('p')
返回一组类名相同的元素:$('.money')
而且可以更css一样派生:$("#content table.dateTable")
jQuery程序库中提供的css规则的分析功能是惊人的,它支持css1,css2,css3,以及XPath中的大多数选择符。
3,DoJo程序库
根据id取得元素对象:var money=Dojo.byId('money')
根据类名获得元素:Dojo.html.getElementByClass()
这是第一个把document.getElementById()简化为$的程序库。
比如:原来的var myele=document.getElementById('id')等价于var myele=$('id')
此外,$还扩展了一些功能
比如:var eleArray=$('id1','id2','id3','id4')能够返回一个包含4个对象的数组。
除了$,这个函数库还提供了根据类名找元素的方法getElementsByClassName;添加类名的方法addClassName;移除类名的方法removeClassName等,大大方 便了我们使用。
2,jQuery
它比prototype更强大。
比如:
document.getElementById()==>$('#money')
document.getElementsByTagName==>$('p')
返回一组类名相同的元素:$('.money')
而且可以更css一样派生:$("#content table.dateTable")
jQuery程序库中提供的css规则的分析功能是惊人的,它支持css1,css2,css3,以及XPath中的大多数选择符。
3,DoJo程序库
根据id取得元素对象:var money=Dojo.byId('money')
根据类名获得元素:Dojo.html.getElementByClass()
推荐阅读
-
Javascript调试之console对象——你不知道的一些小技巧
-
JavaScript调试之console.log调试的一个小技巧分享
-
JavaScript面试技巧之数组的一些不low操作
-
菜鸟蔡之Ajax复习第一篇(后台asp.net)(传统的JavaScript方法实现Ajax功能)
-
用js写了一个类似php的print_r输出换行功能_javascript技巧
-
Javascript调试之console对象——你不知道的一些小技巧
-
比较详细的javascript对象的property和prototype是什么一种关系_javascript技巧
-
一个不错的可以检测多中浏览器的函数和其它功能_javascript技巧
-
比较简单的一个符合web标准的JS调用flash方法_javascript技巧
-
比较简单的一个符合web标准的JS调用flash方法_javascript技巧