利用jquery等库的选择器可以不再依赖于特定的ID或类名，而且可以减少很多代码，以下实例说明：
效果:点击article标签里面的nav标签里面的a链接，弹出框“点击了连接”
js写法：
function linksnum(){ var article=document.getElementsByTagName("article"); for(var a=0;a<article.length;a++){ var nav=article[a].getElementsByTagName("nav"); for(var n=0;n<nav.length;n++){ var links=nav[n].getElementsByTagName("a"); for(var l=0;l<links.length;l++){ links[l].onclick=function(){alert("点击了连接");return false;} } } } } window.onload=linksnum;
jquery写法：
<script src="jquery.js"></script> <script> $(function(){ $('article nav a').click(function(){ alert("点击了连接");return false; }) }) </script>
把上面的两种写法分别替换下面的js部分，都可以实现同样的效果，但是代码长度却差别很大，当然，如果是那么简单的功能，通常都不会特意引用一个jquery库来写，那样得不偿失
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>利用jquery等库的选择器可以不再依赖于特定的ID或类名，而且可以减少很多代码</title> </head> <script> //js代码区 </script> <body> <article> <nav><a href="1">我是连接一</a><a href="2">我是连接二</a></nav> </article> <article class="article"> <nav><a href="#">我是连接三</a><a href="#">我是连接四</a></nav> </article> </body> </html>