$(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
”HTML創(chuàng)建新元素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)簽下類(lèi)名為P的元素
$(“img”).removeAttr(“src”)刪除圖像的src屬性
l設(shè)置CSS類(lèi)
$(“#id”).addClass()向所選元素添加一個(gè)或多個(gè)類(lèi)
$(“#id”).removeClass()從被選元素刪除一個(gè)或多個(gè)類(lèi)
$(“#id”).css()返回被選元素樣式屬性
$(“#id”).toggleClass()對(duì)被選元素進(jìn)行添加/刪除類(lèi)的切換操作
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(類(lèi)名或ID名)返回匹配的元素
$(“p”).not(類(lèi)名或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之類(lèi)的標(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è)特定的類(lèi)
$(“p”).slice(0,2)選擇前2個(gè)P元素