1、jQuery簡介javascript
--------------------------------java
jQuery是一個開源的JavaScript項目,憑藉簡潔的語法和跨平臺的兼容性,極大簡化了JavaScript開發人員遍歷HTML文檔、操做DOM、處理事件、執行動畫和開發Ajax的操做。
jquery
jQuery強調寫得少,作的多。jQuery獨特的選擇器、鏈式的DOM操做、事件處理機制和封裝完善的Ajax都是其餘JavaScript庫可望不可即。
ide
======================================================================================動畫
2、jQuery配置插件
--------------------------------
對象
jQuery官網:http://jquery.com/事件
jQuery無需配置,只要將jQuery庫複製到公共路徑便可,在引入時寫在其餘調用它的前面。ip
======================================================================================開發
3、jQuery與其餘庫衝突
--------------------------------
「$」做爲jQuery的快捷方式,在其餘庫中也常常被使用,爲了不衝突,一般在寫js代碼的第一行,將「$」權限釋放,代碼以下:
jQuery.noConflict();
或另外新建其餘快捷方式並釋放,代碼以下:
var jq = jQuery.noConflict();
======================================================================================
4、jQuery選擇器
-------------------------------
針對class用「.」取名字,代碼以下:
<p class="demo">jQuery Demo</p>
<script type="javascript">
jQuery(".demo").click(function(){
alert("demo.click()被執行!");
})
</script>
jQuery("ID")代替document.getElementById();
jQuery("tagName")代替document.getElementByTagName();
jQuery獲取的永遠是對象,網頁沒有此元素時,應該根據元素長度判斷,代碼以下:
if(jQuery.("#demo").length > 0){
//do something
}
或轉換成DOM對象來判斷,代碼以下:
if(jQuery("#demo")[0]){
//do something
}
======================================================================================
5、jQuery中的DOM操做
--------------------------------
======================================================================================
6、jQuery中的事件和動畫
--------------------------------
======================================================================================
7、jQuery對錶單、表格的操做及更多
--------------------------------
======================================================================================
8、jQuery與Ajax的應用
--------------------------------
======================================================================================
9、插件的使用與寫法
--------------------------------
======================================================================================