1. 程式人生 > 其它 >JQuery常用方法及屬性

JQuery常用方法及屬性

7.

常用方法及屬性

a. (選擇器).Each(function(){})each() 方法為每個匹配元素規定要執行的函式。為選擇器中所選到的元素都執行指定函式)

b.

Attr(設定或返回被選元素的屬性值。例{$("img").attr({ src: "test.jpg", alt: "Test Image" });}

prop

設定或返回被選元素的屬性和值。當該方法用於返回屬性值時,則返回第一個匹配元素的值。

該方法用於設定屬性值時,則為匹配元素集合設定一個或多個屬性/值對。

且引數可寫函式。

removeAttr (從被選元素中移除屬性。)

removeProp(移除由

prop() 方法設定的屬性。)

{需要移除或寫入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)

獲取的是倒數第 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()功能