下面小編就為大家?guī)硪黄猈eb前端新人筆記之jquery入門心得(新手必看)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考
本章將為大家介紹以下幾點內(nèi)容；
1、jquery的主要特點；
2、建立jquery的編碼環(huán)境；
3、簡單jquery腳本示例；
4、選擇jquery而不是純javaScript的理由；
5、常用的jquery開發(fā)工具；jquery能做什么？
① 取得文檔中的元素
$('div.content').find('p');
② 修改頁面的外觀
$('ul > li:first').addClass('active');
③ 改變文檔內(nèi)容
$('#container').append('<a href="www.baidu,com">more</a>')
④ 為頁面添加動態(tài)效果
$('div.content').slideDown();
⑤ 響應用戶的交互操作
$('button.show-details').click(function(){
$('div.details').show();
});
⑥ 無需刷新頁面從服務器獲取信息
$('div.details').load('more.html #content');
⑦ 簡化常見的javaScript任務
$.each(obj, function(key,value)(total += value;));
jquery為何如此出色？
1、利用了CSS的優(yōu)勢;
2、支持擴展;
3、抽象瀏覽器不一致;
4、總是面向集合;
5、將多重操作基于一行;
如何下載jquery？
1、由于JavaScript是一種解釋語言，所以不必擔心編譯和構建。什么時候需要使用jquery，只要在HTML文檔中使用<script>元素把它導入進來即可。
2、jquery官網(wǎng)：http://jquery.com/
都有哪些開發(fā)測試工具？
現(xiàn)代瀏覽器中一般內(nèi)置了高質量的開發(fā)工具，我們可以選擇自己覺得方便的工具，一下列出了一些推薦工具：
1、IE;
2、Safari;
3、Chrome;
4、Firefox;
5、Opera;
上面列出來的這些工具都提供了類似的功能：
1、探測及修改DOM;
2、研究CSS及頁面變現(xiàn)之間的關系;
3、通過特殊的方法方便的跟蹤腳本執(zhí)行;
4、暫停腳本執(zhí)行及檢查變量值
以上這篇Web前端新人筆記之jquery入門心得(新手必看)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考