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)文章
jQuery插件HighCharts繪制2D圓環(huán)圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制2D圓環(huán)圖效果,結(jié)合實例形式分析了jQuery使用HighCharts插件繪制圓環(huán)圖的實現(xiàn)步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03JQuery.ajax傳遞中文參數(shù)的解決方法 推薦
許多人在使用JQuery.ajax方法時肯定會遇到一個問題。在編碼不是UTF-8的時候,當(dāng)傳遞的參數(shù)里有中文的時候,服務(wù)端Request的時候都會出現(xiàn)亂碼。2011-03-03jQuery dataTables與jQuery UI 對話框dialog的使用教程
這篇文章主要介紹了jQuery dataTables與jQuery UI 對話框dialog的使用教程的相關(guān)資料,本文介紹的非常詳細(xì),具有參考借鑒價值,需要的朋友可以參考下2016-09-09jquery實現(xiàn)文字由下到上循環(huán)滾動的實例代碼
這篇文章介紹了jquery實現(xiàn)文字由下到上循環(huán)滾動的實例代碼,有需要的朋友可以參考一下2013-08-08JQuery選中checkbox方法代碼實例(全選、反選、全不選)
這篇文章主要介紹了JQuery選中checkbox方法代碼實例(全選、反選、全不選),本文直接給出代碼實例,需要的朋友可以參考下2015-04-04