JQuery 能大大简化 Javascript 程序的编写,要使用 jQuery,首先要在 HTML 代码最前面加上对 jQuery 库的引用,比如:
<script language="javascript" src="/js/jquery.min.js"></script>
库文件既可以放在本地,也可以直接使用知名公司的 CDN,好处是这些大公司的 CDN 比较流行,用户访问你网站之前很可能在访问别的网站时已经缓存在浏览器中了,所以能加快网站的打开速度。另外一个好处是显而易见的,节省了网站的流量带宽。
Google 提供的点击打开链接
http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js
jQuery 官方的点击打开链接
http://code.jquery.com/jquery-1.6.min.js
jQuery 代码具体的写法和原生的 Javascript 写法在执行常见操作时的区别如下:
1 定位元素:
-
document.getElementById("abc") // JS
-
$("#abc") //jQuery通过id定位
-
$(".abc") //jQuery通过class定位
-
$("div") //jQuery通过标签定位
2 改变元素的内容:
-
abc.innerHTML = "test"; // JS
-
abc.html("test"); // jQu