屬性/方法

描述

append(content|fn)

向每個(gè)匹配的元素內(nèi)部追加內(nèi)容。$("p").append("<b>Hello</b>");向所有段落中追加一些HTML標(biāo)記。

appendTo(content)

把所有匹配的元素追加到另一個(gè)指定的元素中。使用這個(gè)方法是顛倒了常規(guī)的$(A).appendTo(B)的操作，即不是把B追加到A中，而是把A追加到B中。

$("p").appendTo("div");把所有段落追加到div元素中

prepend(content|fn)

向每個(gè)匹配的元素內(nèi)部前置內(nèi)容。$("p").prepend("<b>Hello</b>");向所有段落中前置一些HTML標(biāo)記代碼。

prependTo(content)

把所有匹配的元素前置到另一個(gè)、指定的元素元素集合中。使用這個(gè)方法是顛倒了常規(guī)的$(A).prepend(B)的操作，即不是把B前置到A中，而是把A前置到B中。$("p").prependTo("#foo"); 把所有段落追加到ID值為foo的元素中。

after(content|fn)

在每個(gè)匹配的元素之后插入內(nèi)容。$("p").after("<b>Hello</b>");在所有段落之后插入一些HTML標(biāo)記代碼。

before(content|fn)

在每個(gè)匹配的元素之前插入內(nèi)容。$("p").before("<b>Hello</b>");在所有段落之前插入一些HTML標(biāo)記代碼。

insertAfter(content)

把所有匹配的元素插入到另一個(gè)、指定的元素元素集合的后面。使用這個(gè)方法是顛倒了常規(guī)的$(A).after(B)的操作，即不是把B插入到A后面，而是把A插入到B后面。$("p").insertAfter("#foo");把所有段落插入到一個(gè)元素之后。與 $("#foo").after("p")相同

insertBefore(content)

把所有匹配的元素插入到另一個(gè)、指定的元素元素集合的前面。使用這個(gè)方法是顛倒了常規(guī)的$(A).before(B)的操作，即不是把B插入到A前面，而是把A插入到B前面。$("p").insertBefore("#foo");把所有段落插入到一個(gè)元素之前。與 $("#foo").before("p")相同。

wrap(html|ele|fn)

把所有匹配的元素用其他元素的結(jié)構(gòu)化標(biāo)記包裹起來。

$("p").wrap("<div class='wrap'></div>"); 把所有的段落用一個(gè)新創(chuàng)建的div包裹起來

unwrap()

這個(gè)方法將移出元素的父元素。這能快速取消 .wrap()方法的效果。

$("p").unwrap(); 把所有段落的父元素直接移除

wrapAll(html|ele)

將所有匹配的元素用單個(gè)元素包裹起來。$("p").wrapAll("<div></div>");用一個(gè)生成的div將所有段落包裹起來

wrapInner(html|ele|fn)

將每一個(gè)匹配的元素的子內(nèi)容(包括文本節(jié)點(diǎn))用一個(gè)HTML結(jié)構(gòu)包裹起來。$("p").wrapInner("<b></b>");把所有段落內(nèi)的每個(gè)子內(nèi)容加粗

replaceWith(content|fn)

將所有匹配的元素替換成指定的HTML或DOM元素。

$("p").replaceWith("<b>Paragraph. </b>");把所有的段落標(biāo)記替換成加粗的標(biāo)記。

replaceAll(selector)

用匹配的元素替換掉所有 selector匹配到的元素。

$("<b>Paragraph. </b>").replaceAll("p");把所有的段落標(biāo)記替換成加粗標(biāo)記

empty()

刪除、清空匹配的元素集合中所有的子節(jié)點(diǎn)。$("p").empty();把所有段落的子元素（包括文本節(jié)點(diǎn)）刪除

remove([expr])

從DOM中刪除所有匹配的元素。$("p").remove();從DOM中把所有段落刪除

clone([Even[,deepEven]])

克隆匹配的DOM元素并且選中這些克隆的副本。（傳入?yún)?shù)布爾值（true 或者 false）指示事件處理函數(shù)是否會(huì)被復(fù)制。）

$("b").clone().prependTo("p");克隆所有b元素（并選中這些克隆的副本），然后將它們前置到所有段落中。

屬性/方法

描述

first()

first() 獲取第一個(gè)元素。

$('li').first()

last()

last() 獲取最后個(gè)元素。

$('li').last()

is(expr|obj|ele|fn)

根據(jù)選擇器、DOM元素或 jQuery 對(duì)象來檢測(cè)匹配元素集合，如果其中至少有一個(gè)元素符合這個(gè)給定的表達(dá)式就返回true。如果沒有元素符合，或者表達(dá)式無效，都返回false。

$("input[type='checkbox']").parent().is("form");由于input元素的父元素是一個(gè)表單元素，所以返回true。

has(expr|ele)

保留包含特定后代的元素，去掉那些不含有指定后代的元素。.has()方法將會(huì)從給定的jQuery對(duì)象中重新創(chuàng)建一組匹配的對(duì)象。

$('li').has('ul').css('background-color', 'red');給含有ul的li加上背景色

find(e|o|e)

搜索所有與指定表達(dá)式匹配的元素。

$("p").find("span");從所有的段落開始，進(jìn)一步搜索下面的span元素。

parent([expr])

取得一個(gè)包含著所有匹配元素的唯一父元素的元素集合。

$("p").parent(".selected");查找段落的父元素中每個(gè)類名為selected的父元素。

siblings([expr])

取得一個(gè)包含匹配的元素集合中每一個(gè)元素的所有唯一同輩元素的元素集合。

$("div").siblings();找到每個(gè)div的所有同輩元素。

屬性/方法

描述

addClass(class|fn)

為每個(gè)匹配的元素添加指定的類名 $("p").addClass("selected"); 為匹配的元素加上 'selected' 類

removeClass([class|fn])

從所有匹配的元素中刪除全部或者指定的類 $("p").removeClass("selected"); 從匹配的元素中刪除 'selected' 類

toggleClass(class|fn[,sw])

如果存在（不存在）就刪除（添加）一個(gè)類。$("p").toggleClass("selected"); 為匹配的元素切換 'selected' 類

hasClass(class)

檢查元素是否含有某個(gè)特定的類，如果有，則返回true。

$("div").hasClass("protected")

css(name|pro|[,val|fn])

訪問匹配元素的樣式屬性 $("p").css("color") 取得第一個(gè)段落的color樣式屬性的值。$("p").css("color","red"); 將所有段落字體設(shè)為紅色

height/width([val|fn])

取得匹配元素當(dāng)前計(jì)算的高/寬度值（px）

$("p").height();$("p").width();

offset([coordinates])

獲取匹配元素在當(dāng)前視口的相對(duì)偏移。返回的對(duì)象包含兩個(gè)整型屬性：top 和 left，以像素計(jì)。此方法只對(duì)可見元素有效

var p=$("p:last");

var offset=p.offset();

p.html( "left: " + offset.left + ", top: " + offset.top );

屬性/方法

描述

on(eve,[sel],[data],fn)1.7+

在選擇元素上綁定一個(gè)或多個(gè)事件的事件處理函數(shù)

$("p").on("click", function(){

alert( $(this).text() );

});

off(eve,[sel],[fn])1.7+

在選擇元素上移除一個(gè)或多個(gè)事件的事件處理函數(shù)。off() 方法移除用.on()綁定的事件處理程序

$("p").off( "click", "**" )

bind(type,[data],fn)

為每個(gè)匹配元素的特定事件綁定事件處理函數(shù)。

$(document).bind('mousemove',function(e){

$("#log").text("e.pageX: " + e.pageX + ", e.pageY: " + e.pageY);

});

unbind(t,[d|f])

bind()的反向操作，從每一個(gè)匹配的元素中刪除綁定的事件。如果沒有參數(shù)，則刪除所有綁定的事件。

$("p").unbind( "click" )

one(type,[data],fn)

為每一個(gè)匹配元素的特定事件（像click）綁定一個(gè)一次性的事件處理函數(shù)。

$("p").one("click", function(){

alert( $(this).text() );

});

hover([over,]out)

一個(gè)模仿懸停事件（鼠標(biāo)移動(dòng)到一個(gè)對(duì)象上面及移出這個(gè)對(duì)象）的方法。這是一個(gè)自定義的方法，它為頻繁使用的任務(wù)提供了一種“保持在其中”的狀態(tài)。當(dāng)鼠標(biāo)移動(dòng)到一個(gè)匹配的元素上面時(shí)，會(huì)觸發(fā)指定的第一個(gè)函數(shù)。當(dāng)鼠標(biāo)移出這個(gè)元素時(shí)，會(huì)觸發(fā)指定的第二個(gè)函數(shù)。

$("td").hover(

function () {

$(this).addClass("hover");

},

function () {

$(this).removeClass("hover");

}

);

屬性/方法

描述

show([s,[e],[fn]])

顯示隱藏的匹配元素。

$("p").show() 顯示所有段落

hide([s,[e],[fn]])

隱藏顯示的元素。

$("p").hide() 隱藏所有段落

slideDown([s],[e],[fn])

通過高度變化（向下增大）來動(dòng)態(tài)地顯示所有匹配的元素，在顯示完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。

$("p").slideDown("slow"); 用600毫秒緩慢的將段落滑下

slideUp([s,[e],[fn]])

通過高度變化（向上減小）來動(dòng)態(tài)地隱藏所有匹配的元素，在隱藏完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。

$("p").slideUp("slow");用600毫秒緩慢的將段落滑上

slideToggle([s],[e],[fn])

通過高度變化來切換所有匹配元素的可見性，并在切換完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。

$("p").slideToggle("slow");用600毫秒緩慢的將段落滑上或滑下

fadeIn([s],[e],[fn])

通過不透明度的變化來實(shí)現(xiàn)所有匹配元素的淡入效果，并在動(dòng)畫完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。$("p").fadeIn("slow");用600毫秒緩慢的將段落淡入

fadeOut([s],[e],[fn])

通過不透明度的變化來實(shí)現(xiàn)所有匹配元素的淡出效果，并在動(dòng)畫完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。

$("p").fadeOut("slow");用600毫秒緩慢的將段落淡出

fadeTo([[s],o,[e],[fn]])

把所有匹配元素的不透明度以漸進(jìn)方式調(diào)整到指定的不透明度，并在動(dòng)畫完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。

$("p").fadeTo("slow", 0.66);用600毫秒緩慢的將段落的透明度調(diào)整到0.66，大約2/3的可見度

fadeToggle([s,[e],[fn]])

通過不透明度的變化來開關(guān)所有匹配元素的淡入和淡出效果，并在動(dòng)畫完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。

$("p").fadeToggle("slow");用600毫秒緩慢的將段落淡入/出

animate(p,[s],[e],[fn])1.8*

用于創(chuàng)建自定義動(dòng)畫的函數(shù)。