JQuery常用方法及屬性
7.
常用方法及屬性
a. (選擇器).Each(function(){})(each() 方法為每個匹配元素規定要執行的函式。為選擇器中所選到的元素都執行指定函式)
b.
Attr(設定或返回被選元素的屬性值。例{$("img").attr({ src: "test.jpg", alt: "Test Image" });})
prop (
設定或返回被選元素的屬性和值。當該方法用於返回屬性值時,則返回第一個匹配元素的值。
該方法用於設定屬性值時,則為匹配元素集合設定一個或多個屬性/值對。
且引數可寫函式。
)
removeAttr (從被選元素中移除屬性。)
removeProp(移除由
{需要移除或寫入Html元素時 用Attr}
c.
toggleClass( 向一個或多個元素 新增或刪除 一個或多個類名 .class)
addClass (新增)
removeClass (刪除)
d. Siblings() (返回被選元素的所有同級元素。)
e. Find() (a.Find(b) a元素後代中所有的b元素)
f. Eq() (n 是一個整數。當 n 取值為 0 或正整數時,eq(0) 獲取的是第 1 個元素,eq(1) 獲取的是第 2 個元素,……,以此類推。
當 n 取值為負整數時,eq(-1) 獲取的是倒數第 1 個元素,eq(-2)
g. .trigger("change")===.change() (被選元素要觸發的事件。 a.trigger(b) a元素執行b函式 等同於a.b() 直接執行事件)
h. val() text() html()
(
text()用於html元素文字內容的存取
html()不但可以用於html元素文字內容的存取,還可以用於html內容的存取
val()用於input元素內容的存取
)
i. window.onload 和 $(document).ready(function () {})區別
(
1、執行時間上的區別:
window.onload
$(document).ready(function(){}) 是DOM結構載入完畢後就會執行。
所以,假如他倆同時存在的話,$(document).ready 會比 window.onload 先執行。
2、編寫個數不同:
window.onload 不能同時寫多個,如果有多個 window.onload,則只有最後一個會執行,它會把前面的都覆蓋掉。
$(document).ready(function(){}) 則不同,它可以編寫多個,並且每一個都會執行。
3、簡寫方法:
window.onload 沒有簡寫的方法。
$ (document).ready(function(){}) 可以簡寫為 $(function(){})。
)
j. $(selector).is(":visible") ($(a).is(':visible')是指可見的a元素.)
k. Stop()(停止動畫)
$(selector).stop(stopAII,goToEnd)
//stopAII可選。規定是否停止被選元素的所有加入佇列的動畫
//goToEnd可選。規定是否允許完成當前的動畫。該引數只能在設定了 stopAII引數時使用。
l. toggle() 方法用於繫結兩個或多個事件處理器函式(多個事件則全部迴圈),以響應被選元素的輪流的 click 事件。
且可實現切換 Hide() 和 Show()功能