jquery學習筆記——jquery和javascript的區別

NO IMAGE

 這兩天重新回顧了下jquery的教材

jquery和javascript就好像是python與C的關係(當然說到具體還是有點區別的)

jquery是靠著javascript來實現的

通過$選擇器將所選擇的dom( Document Object Model 文件物件模型)物件轉為jquery物件,這個新的物件是一個類陣列物件,裡面包含了DOM物件的資訊,然後封裝了很多操作方法(而這些操作方法很多是基於javascript實現的),當然,操作的結果也與通過javascript處理的結果是一致的。

jquery的優勢在於:通過jQuery處理DOM的操作,可以讓開發者更專注業務邏輯的開發,而不需要我們具體知道哪個DOM節點有那些方法,也不需要關心不同瀏覽器的相容性問題,我們通過jQuery提供的API進行開發,程式碼也會更加精短。

 

舉個栗子:

對於html程式碼

<p id="test">咕咕咕</p>

javascript修改標籤中的文字節點的做法是

<script type='text/javascript'>
document.getElementById("test").innerHTML = "memoriesaier";
document.getElementByID("test").style.color = "red";
</script>

而jquery則是

<script>
$("#test").html("memoriesaier").css("color","red");
</script>