Web前端新人筆記之jquery入門心得(新手必看)
本章將為大家介紹以下幾點內(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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
- 全面詳細(xì)的jQuery常見開發(fā)技巧手冊
- 60個很實用的jQuery代碼開發(fā)技巧收集
- 30個經(jīng)典的jQuery代碼開發(fā)技巧
- jQuery常見開發(fā)技巧詳細(xì)整理
- jquery easyui使用心得
- jQuery Ajax使用心得詳細(xì)整理及注意事項
- 關(guān)于jQuery UI 使用心得及技巧
- php+jquery編碼方面的一些心得(utf-8 gb2312)
- Jquery ThickBox插件使用心得(不建議使用)
- 關(guān)于Jqzoom的使用心得 jquery放大鏡效果插件
- jQuery 使用個人心得
- jQuery 研究心得 取得屬性的值
- 15個值得開發(fā)人員關(guān)注的jQuery開發(fā)技巧和心得總結(jié)【經(jīng)典收藏】
相關(guān)文章
批量修改標(biāo)簽css樣式以input標(biāo)簽為例
本節(jié)主要介紹了jquery如何批量修改標(biāo)簽css樣式以input標(biāo)簽為例,需要的朋友可以參考下2014-07-07
jquery實現(xiàn)ajax提交表單信息的簡單方法(推薦)
下面小編就為大家?guī)硪黄猨query實現(xiàn)ajax提交表單信息的簡單方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
這篇文章主要深入介紹了提高jQuery性能優(yōu)化的技巧，有需要的小伙可以來參考下2015-08-08
這篇文章主要為大家詳細(xì)介紹了jquery對象訪問是什么及使用方法介紹，感興趣的小伙伴們可以參考一下2016-05-05
jquery load事件(callback/data)使用方法及注意事項
jquery load 事件使用方法，在網(wǎng)上有很多的相關(guān)介紹文章，不過大同小異，本文老生長談，也介紹一下load事件使用方法，感興趣的朋友可以了解下，或許對你學(xué)習(xí)jquery有所幫助2013-02-02
jquery點擊改變class并toggle的實現(xiàn)代碼
下面小編就為大家?guī)硪黄猨query點擊改變class并toggle的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了jQuery EasyUI之DataGrid使用實例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要介紹了JQuery選擇器、過濾器大整理,經(jīng)過一晚上的查找整理,終于整理出一套應(yīng)該算最全面的JQuery選擇過濾器的方法了,需要的朋友可以參考下2015-05-05
jquery+css實現(xiàn)側(cè)邊導(dǎo)航欄效果
這篇文章主要為大家詳細(xì)介紹了jquery+css實現(xiàn)側(cè)邊導(dǎo)航欄效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
ztree簡介_動力節(jié)點Java學(xué)院整理
zTree 是利用 JQuery 的核心代碼，實現(xiàn)一套能完成大部分常用功能的 Tree 插件，本文給大家簡單介紹下ztree的基本知識，感興趣的朋友一起看看吧2017-07-07