jQuery學習筆記 操作jQuery物件 屬性處理_jquery
元素的屬性處理
方法
|
描述
|
attr(name)
attr(name,value)
attr(name,fn(index,value))
attr({name1:value1,…,nameN:valueN})
|
获取某个属性的取值,或可以用于设置某个属性的值。还可以使用函数作为参数,将函数返回值作为需要为元素属性设置的值,比如将第(index 1)个元素的name属性设置为函数返回值(实际上,明白函数式就根本不需要这说明)。也可以一次性给同一元素多个属性
|
removeAttr(name)
|
删除某个元素的属性取值
|
方法
|
描述
|
方法
|
描述
|
attr(“class”)
removeAttr(“class”)
|
class明显也是属性,所以attr()完全可以处理
|
addClass(value)
|
为元素的class属性追加一个或多个属性值。多个属性值,值与值之间同样用空格连接
|
removeClass(value)
|
为元素的class属性移除一个或多个属性值
|
toggleClass(value)
|
控制class属性中一个或多个属性值的切换,即存在就删除,不存在则添加
|
hasClass(value)
|
判断元素class属性中是否含有某个属性值,返回布尔值
|
attr(name)
attr(name,value)
attr(name,fn(index,value))
方法
|
描述
|
html()
html(value)
html(fn(index,value))
|
获取元素内部的HTML代码,也可以设置元素内部的HTML代码。还可以使用函数参数,把返回值作为需要在元素内部添加的HTML代码
|
text()
text(value)
text(fn(index,value))
|
获取元素内部的文本内容,也可以设置元素内部的文本内容,但是该方法不但替换原有文本内容,连后代元素一并替换。还可以使用函数参数,把返回值作为需要在元素内部添加的文本内容
|
attr({name1:value1,…,nameN:valueN})
方法
|
描述
|
val()
val(value)
val(fn(index,value))
val([value1,…, valueN])
|
获取表单元素的value属性的值,或可以设置表单元素的value属性的值。也可以用函数参数。还可以选定具有特定value属性值的表单选项,对于radio和未设置mutiple的select元素,val参数中只有最后一个value值有效
|
|
取得某個屬性的取值,或可以用來設定某個屬性的值。也可以使用函數作為參數,將函數傳回值作為需要為元素屬性設定的值,例如將第(index 1)個元素的name屬性設為函數傳回值(實際上,明白函數式根本不需要這說明)。也可以一次給同一元素多個屬性 |
removeAttr(name) |
刪除某一元素的屬性取值 |
元素的class屬性處理
方法 |
描述 |
attr(“class”)
removeAttr(“class”) |
class明顯也是屬性,所以attr()完全可以處理 |
addClass(value) |
為元素的class屬性追加一個或多個屬性值。多重屬性值,數值與數值之間同樣以空格連接 |
removeClass(value) |
為元素的class屬性移除一個或多個屬性值 |
toggleClass(value) |
控制class屬性中一個或多個屬性值的切換,即存在就刪除,不存在則加 |
hasClass(value) |
判斷元素class屬性是否含有某個屬性值,傳回布林值 |
元素內部的HTML、文字處理
方法 |
描述 |
html()
html(value)
html(fn(index,value)) |
取得元素內部的HTML程式碼,也可以設定元素內部的HTML程式碼。也可以使用函數參數,把回傳值當作需要在元素內部加入的HTML代碼 |
text()
text(value)
text(fn(index,value)) |
取得元素內部的文字內容,也可以設定元素內部的文字內容,但是該方法不但取代原有文字內容,連後代元素一併替換。也可以使用函數參數,把回傳值當作需要在元素內部加入的文字內容 |
表單元素的屬性處理
方法 |
描述 |
val()
val(value)
val(fn(index,value))
val([value1,…, valueN]) |
取得表單元素的value屬性的值,或可以設定表單元素的value屬性的值。也可以用函數參數。也可以選定具有特定value屬性值的表單選項,對於radio和未設定mutiple的select元素,val參數中只有最後一個value值有效 |
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
-
2024-10-22 09:46:29
-
2024-10-13 13:53:41
-
2024-10-12 12:15:51
-
2024-10-11 22:47:31
-
2024-10-11 19:36:51
-
2024-10-11 15:50:41
-
2024-10-11 15:07:41
-
2024-10-11 14:21:21
-
2024-10-11 12:59:11
-
2024-10-11 12:17:31