- JavaScript開發(fā)基本可以分為以下四個部分:
2、針對元素進(jìn)行事件監(jiān)聽。
3、通過操作DOM節(jié)點結(jié)合改變元素的CSS樣式,達(dá)到絢麗的動畫效果。
4、對DOM元素進(jìn)行Ajax操作。
對于jQuery來說,可以對這四部分提供完美的實現(xiàn):
a、jQuery擁有強(qiáng)大的選擇器,可以查找任意的DOM元素。同時jQuery對象實現(xiàn)鏈?zhǔn)秸Z法,能夠很方便簡潔的寫出強(qiáng)大的操作。比如操作屬性:$("#chkbox").attr("checked","checked").attr("disabled","disabled")。可以這樣繼續(xù)鏈下去,包括增加事件、樣式等等操作。
b、在頁面加載時給DOM綁定事件。$("#chkbox").click(function(){ alert("hello jquery!"); });
c、show()和hide()是jQuery中最基本的動畫。對元素顯示和隱藏,當(dāng)然,我們還可以實現(xiàn)其它的更復(fù)雜的動畫。
d、$.ajax(options)是jQuery中最底層的Ajax實現(xiàn)。除此之外,還可以使用$.get()或$.post()實現(xiàn)Ajax請求。
- 給DOM元素添加行為,一定不要和DOM元素混在一起,一定要和它們分離開來。添加事件一般在初始化的時候進(jìn)行,把<body onload="">這種寫法拋棄掉,采用jQuery的寫法:
$(document).ready(function(){
// 在這里寫初始化代碼
});
也可以簡寫成:
$(function(){
// 在這里寫初始化代碼
});