本章將為大家介紹以下幾點內容；

1、jquery的主要特點；

2、建立jquery的編碼環境；

3、簡單jquery腳本示例；

4、選擇jquery而不是純javaScript的理由；

5、常用的jquery開發工具；jquery能做什么？

① 取得文檔中的元素

$('div.content').find('p');

② 修改頁面的外觀

$('ul > li:first').addClass('active');

③ 改變文檔內容

$('#container').append('<a href="www.baidu,com">more</a>') 

④ 為頁面添加動態效果

$('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的優勢;
2、支持擴展;
3、抽象瀏覽器不一致;
4、總是面向集合;
5、將多重操作基于一行;

如何下載jquery？

1、由于JavaScript是一種解釋語言，所以不必擔心編譯和構建。什么時候需要使用jquery，只要在HTML文檔中使用<script>元素把它導入進來即可。

2、jquery官網：http://jquery.com/

都有哪些開發測試工具？

現代瀏覽器中一般內置了高質量的開發工具，我們可以選擇自己覺得方便的工具，一下列出了一些推薦工具：

1、IE;
2、Safari;
3、Chrome;
4、Firefox;
5、Opera;

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

1、探測及修改DOM;
2、研究CSS及頁面變現之間的關系;
3、通過特殊的方法方便的跟蹤腳本執行;
4、暫停腳本執行及檢查變量值

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