1、選擇器
在css中選擇器的作用是選擇頁面中某一類(類別選擇器)元素或者某一個元素(ID選擇器),而jQuery中的“$”作為選擇器,同樣是選擇某一類或某一類元素,只不過jQuery提供了更多更全面的選擇方式。
並且為用戶處理了瀏覽器的兼容問題。jquery中選擇器的通用語法如下:
$(selector)或者jQuery(selector)
2、功能函數前綴
在javascript中,開發者經常要便攜一些小函數來處理各種操作細節,例如在用戶提交表單時,需要將文本框中的最前端和最末端的空格清理掉,javascript沒有提供類似trim()的功能,而引入jQuery后,便可以直接使用trim()函數:
例如 $.trim(sString);
以上代碼相當於:jQuery.trim(sString);
3、解決window.onload函數的沖突
由於頁面的HTML框架需要在頁面完全加載之后才能使用,因此在DOM編程時window,onload函數頻繁被使用。倘若頁面中有多處都需要使用該函數,或者其他.js文件也包含window.onload函數,沖突問題十分棘手。
jQuery中的ready()方法很好的解決了上述問題,它能夠自動將其中的函數在頁面加載完成后運行,並且同一個頁面中可以使用多個ready()方法,而且不互相沖突。
例如
$(document).ready(function(){$(“ table.datalist tr : nth-child(odd)”).addClass(“altrow”); } );
對於上述代碼jQuery還提供了簡寫,可以省略其中的“(document).ready”部分,代碼如下:
$(function(){$("table.datalist tr:nth-child(odd)").addClass("altrow");});
4、創建DOM元素
利用DOM方法創建元素節點,通常需要將document.createElement_x() 、document.create TextNode() 、 appendChlid() 配合使用 , 十分麻煩,
而jQuery中使用 $ 符號可以直接創建DOM元素
例如
var oNewP = $(“這是一個好故事</>”)
以上代碼等同於JavaScript中的如下代碼:
var oNewP = document.createElement_x ("p"); //新建節點
var oText = document.createTextNode(“這是一個好故事”);
oNewP.appendChild(oText);