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...