Jquery屬性操作

jquery的屬性操作模組分為四個部分：html屬性操作，dom屬性操作，類樣式操作和值操作。

html屬性操作：是對html文件中的屬性進行讀取，設定和移除操作。比如attr()、removeattr()

dom屬性操作：對dom元素的屬性進行讀取，設定和移除操作。比如prop()、removeprop()
類樣式操作：是指對dom屬性classname進行新增，移除操作。比如addclass()、removeclass()、toggleclass()
值操作：是對dom屬性value進行讀取和設定操作。比如html()、text()、val()

設定屬性值或者 返回被選元素的屬性值

//獲取值：attr()設定乙個屬性值的時候 只是獲取值

var id = $('div').attr('id');
console.log(id);
var cla = $('div').attr('class');
console.log(cla);
//設定值
//1.設定乙個值 設定div的class為box
$('div').attr('class','box');
//2.設定多個值，引數為物件，鍵值對儲存

從每乙個匹配的元素中刪除乙個屬性

// 移除標籤屬性

$('div').removeattr('title');

當該方法用於返回屬性值時，則返回第乙個匹配元素的值。

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

removeprop

用來刪除由.prop()方法設定的屬性集

addclass（新增多個類名）

為每個匹配的元素新增指定的類名。

$('div').addclass("box"):新增乙個類名

$('div').addclass("box box2"):新增多個類名

removeclass

從所有匹配的元素中刪除全部或者指定的類。

$('div').removeclass('box')移除指定的類

$('div').removeclass()移除全部的類

var tag  = false;

$('span').click(function()else 
})

如果存在（不存在）就刪除（新增）乙個類。

$('span').click(function())

html() 是獲取選中標籤元素中所有的內容

設定值：設定該元素的所有內容 會替換掉 標籤中原來的內容

//可以使用函式來設定所有匹配元素的內容

$('ul').html(function())

獲取值：

text() 獲取匹配元素包含的文字內容

設定值：

設定該所有的文字內容

注意：值為標籤的時候 不會被渲染為標籤元素 只會被當做值渲染到瀏覽器中

獲取值：

val()用於表單控制項中獲取值，比如input textarea select等等

設定值：

$('input').val('設定了表單控制項中的值')

html

$(function())

jquery操作屬性

設定或返回被選元素的屬性值 img attr img attr title function 每乙個匹配的元素中刪除屬性 img removeattr src checked,selected屬性的設定和獲得應該使用該函式，返回值和設定值應該使用true和false 刪除由.prop 方法設定的屬性...

jquery 屬性操作

input attr value 獲取input的id input attr value 孫悟空 為input的value屬性設值為孫悟空 input attr 為input設定多個屬性 input attr value function 為input設定value屬性為方法返回值 input re...

Jquery 屬性操作

jquery 屬性操作 方法 selector addclass class button click function 2 removeclass 向匹配的元素移除指定的類名。定義和用法 removeclass 方法從被選元素移除乙個或多個類。注釋 如果沒有規定引數，則該方法將從被選元素中刪除所有...