$(document).ready(function(){代碼表達(dá)式});文檔加載完畢后執(zhí)行JQ代碼

l事件

$(“#id”).click(function(){代碼表達(dá)式});點(diǎn)擊事件

$(“#id”).focus(function(){代碼表達(dá)式});獲取焦點(diǎn)事件

$(“#id”).blur(function(){代碼表達(dá)式});失去焦點(diǎn)事件

$(“#id”).mouseover(function(){代碼表達(dá)式});鼠標(biāo)懸停事件

$(“#id”).mouseout(function(){代碼表達(dá)式});鼠標(biāo)移出事件

$(“#id”).on();綁定事件

$(“#id”).hover();鼠標(biāo)事件

$(“#id”).bind(“mouseentermouseleave”,handlerInOut);

$(“#id”).hover(handlerInOut);鼠標(biāo)事件切換

$(“#id”).toggle();鼠標(biāo)點(diǎn)擊顯示隱藏切換

$(“#id”).change();元素值發(fā)生改變時(shí)相應(yīng)（textarea,select）

$(“#id”).focus();元素獲取焦點(diǎn)時(shí)

$(“#id”).blur();元素失去焦點(diǎn)時(shí)

l獲取內(nèi)容

$(“#id”).text()返回所選元素的文本內(nèi)容

$(“#id”).html()返回所選元素的內(nèi)容（包括HTML標(biāo)記）

$(“#id”).val()返回所選元素的表單字段的值

$(“#id”).attr(“src”)返回所屬元素的屬性值

l設(shè)置內(nèi)容

$(“#id”).text(“文本”)設(shè)置文本內(nèi)容

$(“#id”).html(“HTML”)設(shè)置HTML內(nèi)容

$(“#id”).val(“值”)設(shè)置值

$(“#id”).attr(“href”,”http://www.baidu.com”)設(shè)置href

l設(shè)置多個(gè)屬性值

$(“#id”).attr({

“href” : “http://www.baidu.com”,

“title” : “title”,

“src” : “src”

});

l添加元素

$(“#id”).append()在被選元素的結(jié)尾插入內(nèi)容（直接在標(biāo)簽里面插入內(nèi)容）

$(“#id”).prepend()在被選元素的開(kāi)頭插入內(nèi)容（直接在標(biāo)簽里面插入內(nèi)容）

$(“#id”).after()在被選元素之后插入內(nèi)容（在標(biāo)簽后面插入內(nèi)容）

$(“#id”).before()在被選元素之前插入內(nèi)容（在標(biāo)簽后面插入內(nèi)容）

l創(chuàng)建元素

Var txt1= $(“”).text(“Text”)JQ創(chuàng)建新元素

Var txt2= “

Text

Var txt3= Document.createElement(“p”)

Txt3.innertHTML=”Text”;DOM創(chuàng)建新元素

$(“#id”).append(txt1,txt2,txt3)追加元素

l刪除元素

$(“#id”).remove()刪除元素

$(“#id”).empty()刪除被選元素的子元素

$(“p”).remove(“.p”)刪除P標(biāo)簽下類名為P的元素

$(“img”).removeAttr(“src”)刪除圖像的src屬性

l設(shè)置CSS類

$(“#id”).addClass()向所選元素添加一個(gè)或多個(gè)類

$(“#id”).removeClass()從被選元素刪除一個(gè)或多個(gè)類

$(“#id”).css()返回被選元素樣式屬性

$(“#id”).toggleClass()對(duì)被選元素進(jìn)行添加/刪除類的切換操作

l尺寸

$(“#id”).width()設(shè)置或返回元素的寬度

$(“#id”).height()設(shè)置或返回元素的高度

$(“#id”).innerWidth()返回元素的寬度（含內(nèi)邊距）

$(“#id”).innerHeight()返回元素的高度（含內(nèi)邊距）

$(“#id”).outerWidth()返回元素的寬度（含內(nèi)邊距和邊框和外邊距）

$(“#id”).outerHeight()返回元素的高度（含內(nèi)邊距和邊框和外邊距）

l遍歷

$(“#id”).parent()返回被選元素的直接父元素

$(“#id”).parents()返回被選元素的所有祖先元素

$(“#id”).parentsUntil()返回介于2個(gè)給定元素之間的所有祖先元素

$(“#id”).children()返回被選元素的直接子元素

$(“#id”).find()返回被選元素的所有后代元素

$(“#id”).siblings()返回被選元素的所有同胞元素

$(“#id”).next()返回被選元素的下一個(gè)同胞元素

$(“#id”).nextAll()返回被選元素的下面的所有同胞元素

$(“#id”).nextUntil()返回介于2個(gè)給定元素直接的所有同胞元素

$(“#id”).prev()返回被選元素的上一個(gè)同胞元素

$(“#id”).prevAll()返回被選元素的上面的所有同胞元素

$(“#id”).first()返回被選元素的首個(gè)元素

$(“#id”).last()返回被選元素的最后一個(gè)元素

$(“l(fā)i”).eq()返回被選元素中帶有指定索引號(hào)的元素

$(“p”).filter(類名或ID名)返回匹配的元素

$(“p”).not(類名或ID名)返回不匹配的元素

lAJAX

$(“#id”).load(url,callback函數(shù))從服務(wù)器加載數(shù)據(jù)，并把數(shù)據(jù)放入被選元素中

$.get(url,callback函數(shù))以GET方式從服務(wù)器上請(qǐng)求數(shù)據(jù)

$.post(url,data,callback函數(shù))以POST方式從服務(wù)器上請(qǐng)求數(shù)據(jù)

$.getJSON(url,data,callback)以GET方式來(lái)加載遠(yuǎn)程JSON數(shù)據(jù)

$.ajax()把遠(yuǎn)程數(shù)據(jù)加載到XMLHttpRequest對(duì)象中

例子：

$.ajax({

url : “www.baidu.com”,

status : “success”

})

lJSON對(duì)象

Var obj = Eval(JSON對(duì)象)解析JSON對(duì)象數(shù)據(jù)

l選擇器

$(“tr:odd”)查找表格的2,4,6行

$(“tr:add”)查找表格的1,3,5行

$(“form > input”)匹配表單中的所有子級(jí)input元素

$(“tr:eq(0)”)查找第一行

$(“tr:gt(0)”)查找比第一行大的行

$(“tr:lt(2)”)查找比第三行小的行

$(“:header”)匹配如h1,h2之類的標(biāo)題元素

$(“td:empty”)查找所有不包含子元素或者文本的空元素

$(“div:has(p)”)匹配含有p元素的div元素

$(“td:parent”)查找所有含有子元素或者文本的td元素

$(“tr:hidden”)查找隱藏的tr

$(“input:hidden”)查找type為hidden的元素

$(“tr:visible”)查找所有可見(jiàn)的tr元素

$(“:checkbox”)查找所有復(fù)選框

$(“input:checked”)查找所有選中的復(fù)選框

l篩選

$(“div”).hasClass()檢查當(dāng)前元素是含有某個(gè)特定的類

$(“p”).slice(0,2)選擇前2個(gè)P元素