jQuery學習之操作元素屬性和特性

特性屬性：是指DOM元素中能夠和HTML元素中某個特性對應得上的屬性。

下面就列出jQuery中提供的方法：

操作元素屬性：each(iterator)遍歷包裝集里所有元素，為各元素分別調用傳遞進來的迭代器函數。參數iterator 一個函數，為匹配集中的各元素分別調用一次。傳遞到函數的參數被設置為包裝集里當前元素的下標（從0開始），而當前元素可通過函數this屬性來訪問。

$('img').each(function(n){

this.alt='This is image['+n+'] with an id of'+this.id;

})

獲取特性值：attr(name)獲取指派到包裝集里第一個元素指定特性的值。參數 name為特性的名稱，該特性的值將被獲取。如果沒有該特性則返回undefined值。

<img id="myImage" src="image.gif" alt="An image" class="someClass" title="This is an image" custom="some value">

$("#myImage").attr("custom") 得到值就是some value。

設置特性值：attr(name,value)為包裝集里的所有元素的name特性設置傳遞進來的值。name將被設置的特性的名稱，value指定特性的值。

$('*').attr('title',function(index) {

　　return 'I am element' '+ index +' and my name is ' +(this.id?this.id:'unset');

});

該函數是設置頁面上的所有元素的title特性為一個字符串。由DOM中元素的下標和各個特定元素id特性值所組成的字符串。

attr()還可以一次設置多個特性到包裝集里所有元素的快速簡便的方式。attr(attributes)。

$('input').attr(

{value:'',title:'please enter a value'}

);

該函數把所有<input>元素的value設置為空字符串，同時把title設置為字符串Please enter a value。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈