下面小編就為大家?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();

⑤ 響應(yīng)用戶的交互操作

$('button.show-details').click(function(){

$('div.details').show();

});

⑥ 無需刷新頁面從服務(wù)器獲取信息

$('div.details').load('more.html #content');

⑦ 簡化常見的javaScript任務(wù)

$.each(obj, function(key,value)(total += value;));　

jquery為何如此出色？

1、利用了CSS的優(yōu)勢;

2、支持?jǐn)U展;

3、抽象瀏覽器不一致;

4、總是面向集合;

5、將多重操作基于一行;

如何下載jquery？

1、由于JavaScript是一種解釋語言，所以不必?fù)?dān)心編譯和構(gòu)建。什么時候需要使用jquery，只要在HTML文檔中使用<script>元素把它導(dǎo)入進(jìn)來即可。

2、jquery官網(wǎng)：http://jquery.com/

都有哪些開發(fā)測試工具？

現(xiàn)代瀏覽器中一般內(nèi)置了高質(zhì)量的開發(fā)工具，我們可以選擇自己覺得方便的工具，一下列出了一些推薦工具：

1、IE;

2、Safari;

3、Chrome;

4、Firefox;

5、Opera;

上面列出來的這些工具都提供了類似的功能：

1、探測及修改DOM;

2、研究CSS及頁面變現(xiàn)之間的關(guān)系;

3、通過特殊的方法方便的跟蹤腳本執(zhí)行;

4、暫停腳本執(zhí)行及檢查變量值

以上這篇Web前端新人筆記之jquery入門心得(新手必看)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考