Rumah > hujung hadapan web > tutorial js > javascript 程序库的比较(一)之DOM功能_javascript技巧

javascript 程序库的比较(一)之DOM功能_javascript技巧

WBOY
Lepaskan: 2016-05-16 18:30:16
asal
1214 orang telah melayarinya
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()
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan