jQuery屬性操作

2022-08-11 11:42:13 字數 1165 閱讀 3314

jquery屬性操作

使用 jq 操作標籤的屬性

demo: 1.獲取元素的指定屬性值

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

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

第一種方式:

$("img").attr("src");

賦值:$("img").attr("src","test.jpg");

第二種方式:

$("input[type='checkbox']").prop("checked");

賦值:$("input[type='checkbox']").prop("checked",true);

demo:2.刪除元素的指定屬性

$("img").removeattr("src");

demo:3.為元素新增 class 屬性

$("p").addclass("selected");

$("p").addclass("selected1 selected1");

demo:4.刪除元素的指定的 class 屬性的值

$("p").removeclass("selected");

demo:5.獲取指定元素下的 html 內容

$("p").html();

demo:6.為指定元素設定新的 html **

$("p").html("helloworld!");

demo:7. 獲取指定元素下的文字值

$('p').text();

demo:8.替換文字值

$('p').text("hello world");

demo:9.獲取文字框的值

$("input").val();

demo:10.替換文字框的值

$("input").val("helloworld!");

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 方法從被選元素移除乙個或多個類。注釋 如果沒有規定引數,則該方法將從被選元素中刪除所有...