jQuery操作屬性的方法

2022-09-17 22:21:14 字數 1957 閱讀 3447

1.1、attr()方法 傳乙個引數用於獲取傳入的屬性值,如果呼叫者為乙個集合,則返回集合中第乙個物件的屬性值 傳兩個引數用於設定屬性值,如果呼叫者為乙個集合,則設定集合中每乙個物件的屬性值,如果該屬性不存在,則自動增加該屬性

1.2、removeattr()方法:傳乙個引數,用於移除所有找到的dom物件的屬性

1.3、prop()方法:用法和作用與attr()方法一致 區別:當作用於布林型別屬性時(如:checked屬性),獲取到的是true/false值 而用attr()方法獲取到的是屬性名稱/undefined

1.4、removeprop()方法:用法和作用與removeattr()方法一致

1.5、注意點:

a.傳入的屬性名和屬性值均為字串的形式傳入;

b.屬性名和屬性值的寫法和在html標籤內的寫法完全一致;

c.重複設定同一屬性會造成覆蓋。

2.1、addclass(class|fn)新增類

2.2、removeclass([class|fn])刪除類

2.3、toggleclass(class|fn[,sw])切換類:有就刪除,沒有就新增

2.4、注意點:

a.同時操作多個類時,多個類名之間用空格分隔

b.與attr(class,classname1[ classname2 ...] )的區別:

用attr方法設定class屬性是一次性覆蓋設定,新設定的類會覆蓋掉原有的類 而用上面3個方法操作類屬性時,不會影響原有的其他類。

html()、text()、val():獲取時不用傳參,設定時傳入需要設定的值作為引數

doctype html

>

<

html

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>

title

>

<

style

>

.tored

.togreen

#div1

#ddiv1

style

>

<

script

src="js/jquery.js"

>

script

>

head

>

<

body

>

<

div

id="div1"

>點我設定我的id屬性為ddiv1

div>

<

div

id="div2"

>

div>

<

button

id="btn1"

>設定div2style屬性

button

><

button

id="btn2"

>移除div2style屬性

button

>

<

div

id="div3"

class

="tored"

>點我切換類

div>

<

script

>

$(function

());

$("#btn1

").click(

function

());

$("#btn2

").click(

function

());

$("#div3

").click(

function

());

});script

>

body

>

html

>

jQuery操作屬性的相關方法

下面這組方法是操作dom物件屬性的通用方法,可以操作dom物件的通用屬性,例如title alt src等。1 attr name 訪問jquery物件裡第乙個匹配元素的name屬性值。2 attr map 用於為jquery物件裡所有dom物件同時設定多個屬性值。3 attr name,value...

jquery操作class屬性的方法

使用 jquery 可以很方便的操作div元素的class屬性的值,以實現各種炫彩的動態效果。這篇文章就來說一說,幾種使用 jq 來操作 div 元素class屬性的方法。jq 的 addclass 方法,可以向乙個指定的 html 元素的 class 屬性中新增乙個屬性值 示例 mochu cla...

JQuery 屬性操作方法

以下的方法可以用於獲得或者設元素的dom屬性 addclass sample 1.p first addclass class1 如需加多個,用空格分隔 2.p addclass function n 注 n為選取器的index.hasclass sample p first hasclass cl...