jQuery屬性的操作

2021-09-17 18:36:52 字數 912 閱讀 4507

是使用jq操作標籤(html標籤)的屬性。

1:取得元素的指定屬性值

$(「img」).attr(「src」);

2:為元素的指定屬性賦值

3:刪除元素指定的屬性

$(「img」) . removeattr(「src」);

4:取得屬性指定的值(prop( ) 方式)

$(「imput [tpe=』checkbox』]」) . (「checked」);

prop(「屬性」):取得元素指定的屬性值(一般用來操作html原生屬性)

而attr()可以操作原生屬性,也可以操作自定義的屬性

5:為元素設定屬性值

$(「input[type=』checkbox』]」) . prop (「disabled」,false);

$(「input[type=』checkbox』]」) . prop (「disabled」,true);

6:為元素新增class屬性

$(「p」) . addclass(「selected」);

$(「p」) . addclass(「selected1 selected2」);

7:刪除元素的指定的class屬性

$(「p」) . removeclass(「selected」); //刪除的是p元素的class屬性的「selected」的值;

8:取得指定元素下的html內容

$(『p』) . html( ); //括號中若代值則為替換該元素原有的值,為元素設定新的**

9:取得指定元素下的文字值

$(『p』) . text(); //括號中若代值則為替換文字元素值

10:取得文字框的值

$(「input」) . val( ); //若括號中有值則為替換文字框中的值

jQuery的屬性操作

在利用jquery選擇器查詢到需要的元素後,就可以利用attr或prop獲取它的屬性或修改屬性值。語法結構 1 獲取屬性 jquery.attr 屬性名 2 修改屬性 jquery.attr 屬性名,屬性值 3 刪除屬性 jquery.attr 屬性名 可以新增自定義屬性,語法結構如下。jquery...

jQuery的屬性操作

jquery的屬性操作模組分為四個部分 html屬性操作,dom屬性操作,類樣式操作和值操作 設定屬性值或者 返回被選元素的屬性值 獲取值 attr 設定乙個屬性值的時候 只是獲取值 var id div attr id console.log id var cla div attr class c...

jquery操作屬性

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