Jquery属性

本文详细介绍了jQuery中的属性操作方法,包括attr、removeAttr、prop、removeProp、addClass、removeClass、toggleClass、html、text和val等,提供了相关示例和注意事项,如在不同版本中对disabled属性的处理。适用于提升jQuery编程技巧的开发者。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Jquery属性

1.attr(name|properties|key,value|fn)

设置或返回被选元素的属性值。

name属性名称

properties作为属性的“名/值对”对象

key,value属性名称,属性值

key,function(index, attr)

1:属性名称。

2:返回属性值的函数,第一个参数为当前元素的索引值,第二个参数为原先的属性值。

2. removeAttr(name)

从每一个匹配的元素中删除一个属性

1.6以下版本在IE6使用JQuery的removeAttr方法删除disabled是无效的。解决的方法就是使用$("XX").prop("disabled",false);
1.7版本在IE6下已支持删除disabled。

name要删除的属性名

3. prop(name|properties|key,value|fn)

获取在匹配的元素集中的第一个元素的属性值。

随着一些内置属性的DOM元素或window对象,如果试图将删除该属性,浏览器可能会产生错误。jQuery第一次分配undefined值的属性,而忽略了浏览器生成的任何错误

name属性名称

properties作为属性的“名/值对”对象

key,value属性名称,属性值

key,function(index, attr)

1:属性名称。

2:返回属性值的函数,第一个参数为当前元素的索引值,第二个参数为原先的属性值。

4. removeProp(name)

用来删除由.prop()方法设置的属性集

随着一些内置属性的DOM元素或window对象,如果试图将删除该属性,浏览器可能会产生错误。jQuery第一次分配undefined值的属性,而忽略了浏览器生成的任何错误

propertyName要删除的属性名

5. addClass(class|fn)

为每个匹配的元素添加指定的类名。

class 一个或多个要添加到元素中的CSS类名,请用空格分开

function(index, class)

此函数必须返回一个或多个空格分隔的class名。接受两个参数,index参数为对象在这个集合中的索引值,class参数为这个对象原先的class属性值。

6. removeClass(class|fn)

从所有匹配的元素中删除全部或者指定的类。

class 一个或多个要删除的CSS类名,请用空格分开

function(index, class)

此函数必须返回一个或多个空格分隔的class名。接受两个参数,index参数为对象在这个集合中的索引值,class参数为这个对象原先的class属性值。

7. toggleClass(class|fn ,sw)

如果存在(不存在)就删除(添加)一个类。

class CSS类名

switch用于决定元素是否包含class的布尔值。

function(index, class,switch)

1:用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数。

2: 一个用来判断样式类添加还是移除的 boolean 值。

8. html(val|fn)

取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。

在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素,那么只有第一个匹配元素的 HTML 内容会被获取。

val用于设定HTML内容的值

function(index, html)

此函数返回一个HTML字符串。接受两个参数,index为元素在集合中的索引位置,html为原先的HTML值。

9. text(val|fn)

取得所有匹配元素的内容。

结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。

val用于设置元素内容的文本

function(index, text)

此函数返回一个字符串。接受两个参数,index为元素在集合中的索引位置,text为原先的text值。

10. val(val|fn|arr)

获得匹配元素的当前值。

在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选,将返回一个数组,其包含所选的值。

val要设置的值。

function(index, value)

此函数返回一个要设置的值。接受两个参数,index为元素在集合中的索引位置,text为原先的text值。

array用于 check/select 的值

这篇文章对你有帮助吗?作为一名程序工程师,在评论区留下你的困惑或你的见解,大家一起来交流吧!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

水箭龟gd

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值