当前位置:首页 > 日记 > 正文

对DOM元素的属性属性jQuery操作详细的讨论()和()方法removeatrr

对DOM元素的属性属性jQuery操作详细的讨论()和()方法removeatrr
jQuery中操作元素属性的方法:

attr():读或写的匹配元素的属性值。

RemoveAttr():从匹配的元素中删除指定的属性。
attr()方法读取操作
attr()读操作。读取是匹配元素中第一个元素的指定属性值。

格式:.attr(属性),返回值类型:字符串。读取非现有属性返回到未定义的属性。
注选择器的选择结果可以是一组,其中仅获得集合中第一个元素的值。

看看例子:

复制代码代码如下所示:
$(文档)Ready(函数(){)

$(按钮)。Click(函数(){)

警报($(p)。Attr(标题)); / /获得的财产

此代码只能获取第一个元素的属性。

});

});

1款

2款
获得称号

运行结果:弹框显示:title1。
为了分别获得每个元素的属性,您需要使用jQuery的循环结构,如每个()或map()方法。

上述示例可以更改为:

复制代码代码如下所示:
$(文档)Ready(函数(){)

$(按钮)。Click(函数(){)

为选择中的每个元素获取属性。

$()。每个(函数(){)

警报($(this)。Attr(标题));

});

});

});
您可以分别获得每个元素的属性。

attr()方法写操作
attr()的写操作。将一个值赋给匹配元素的一个或多个属性。

一般格式:.attr(属性,值),即设定值。该属性

返回值类型:jQuery。同时支持链式方法调用。
在执行写操作时,如果指定的属性名不存在,它将添加名称的属性,即添加自定义属性,称为属性名,其值为值。
为匹配集中的每个元素编写属性。看例子:

复制代码代码如下所示:
$(文档)Ready(函数(){)

$(# Button1)。Click(function(){)

$(p)。Attr(标题

});

});

这是一段话。

这是一部

这是另一段。

这是一部

单击按钮后,所有p都添加到标题Hello World的属性中。
有以下两种格式的写作形式:

。属性(属性)和属性(属性、功能)。

下面分别介绍。
属性(属性):
这是plainobject属性类型,可以同时设置多个属性。

PlainObject是什么,一个简单的键值由括号括起来的理解是序列。您可以参考后问题链接描述。

键和值用冒号()分隔,每个键值用逗号(,)分隔。
注意:当设置多个属性值时,属性名的引号是可选的(可以有,也不能)。但是class属性是一个异常,必须添加引号。
实例:
复制代码代码如下所示:
$(文档)Ready(函数(){)

$(# Button1)。Click(function(){)

$(p)。Attr(标题

});

$(# button2)。Click(function(){)

$(div)。Attr({标题:一些标题DIV

});

});
这是一段话。

这是一部

这是另一段。

这是一部

单击两个按钮后,元素被更改为:
hello是一个新的自定义属性,它的值是世界。
。属性(属性、函数(指数、属性的旧值)):

使用函数设置属性值的第一个参数。函数是索引,第二个参数是属性前面的值。

看看例子:

复制代码代码如下所示:

{ div

颜色:蓝色;

}

{跨度

颜色:红色;

}

{ B

字体重量:加粗;

}

$(文档)Ready(函数(){)

$()

attr(身份证。

如果(oldattr){

返回div ID+指数+ oldattr;

{ { { }

返回div id+索引;

}

})

每个函数(){()

$()

});

});

零号

弗斯特



作为上述示例的结果,相应的页面结果如下:
当使用设置属性值的方法时,如果集合的函数不返回值或返回到未定义的值,则当前值不会更改。

也就是说,操作将被忽略。

作为一个例子,在attr函数()返回未定义:

如下:

复制代码代码如下所示:
$(文档)Ready(函数(){)

$(div)。Attr(身份

返回未定义;

}。每个(函数(){)

$()

});

});

返回页面的效果如下:
也就是说,不进行修改,也不保留原始属性值。
注意:jQuery不能修改type属性,如果浏览器中的修改是错误的。

这是因为类型属性不能在IE浏览器中修改。

RemoveAttr()方法

删除匹配元素集合中每个元素的指定属性。

这把()方法调用removeattribute()方法的Javascript,但它可以直接通过jQuery对象调用,它需要考虑和处理不同浏览器的属性名称的问题,这可能不统一。

实例:

复制代码代码如下所示:
$(文档)Ready(函数(){)

$(输入{类型=按钮)。Click(函数(){)

$(div)。RemoveAttr(标题);

});

});



单击按钮后,title属性将被删除。
注:OnClick与把去除()不能在IE6-8。为了避免这一问题,应使用道具()方法。

例如:

复制代码代码如下所示:

element.prop美元(onclick

console.log(onclick属性:

相关文章

PS图象处理软件简单的的人成为五彩

PS图象处理软件简单的的人成为五彩

释放,的人,图象,处理软件,简单,本教程介绍朋友PS图象处理软件简单的图片的人成为五彩线释放效果的教程,比较基础,淘宝天猫设计师值得学习,以下建议按照教程一起学习吧。 本教程介绍朋友的朋友关于这个教程是PS图象处理软件简单的图片的人成为…

计算机出现d3dcompiler 43.dll缺失

计算机出现d3dcompiler 43.dll缺失

计算机出现d3dcompiler 43.dll缺失的弹窗时该如何解决?,修复,方法,工具,浏览器,该软件,操作流程,文件,助手,有的用户在打开软件或者游戏时会有下方的提示出现:无法启动此程序,因为计算机丢失d3dcompiler43.dll。尝试重新安装该程序以解决此问题。这时…

对http.response.write方法在Node.

对http.response.write方法在Node.

使用说明,方法,电脑软件,response,http,方法显示: 将响应内容发送给请求的客户机。 在response.end(),response.write()可以执行多次。 Grammar: 复制代码代码如下所示: response.write(块编码,{ }) 参数: 块是表示发送内容的缓冲区或字符串。 …

对fs.rmdirsync方法在Node.js的使

对fs.rmdirsync方法在Node.js的使

使用说明,方法,电脑软件,fs,rmdirsync,方法显示: 删除同步的版本()。 返回值为null或未定义,表示删除成功,否则将抛出异常。 Grammar: 复制代码代码如下所示: Fs.rmdirSync(路径) 由于此方法属于fs模块,因此需要在使用之前引入FS模块(var FS =需…

PS图象处理软件制作的金头钉标志教

PS图象处理软件制作的金头钉标志教

教程,图象,处理软件,标志,电脑软件,金头钉Lo是用PS图象处理软件的,主要介绍了图层样式的修改和钢笔工具的使用。 新文档400x400像素,白色背景,建立一个新层,绘制一个椭圆选区填充# 838181。 添加图层样式。 效果如下。 建立一个新层,画一个椭…

CDR是一个壮观的例子,对starspace浩

CDR是一个壮观的例子,对starspace浩

是一个,壮观,宇宙,例子,电脑软件,本教程介绍给一位朋友,他使用CDR来创造壮观的宇宙天空方法。教程制作的宇宙仍然壮观。难度不是很大。新手也可以过来学习,推荐它,并跟着教程学习。 本教程将介绍CDR来创造壮观的宇宙天空过程。这个教程不是很…

在会声会影中设置自定义滤镜效果的

在会声会影中设置自定义滤镜效果的

在会声会影中设置自定义滤镜效果的小技巧,会声会影,设置自定义滤镜效果,  是不是还有很多朋友不会在会声会影中设置自定义滤镜效果呢?下面就时小编给大家带来的在会声会影中设置自定义滤镜效果的小技巧。  在会声会影中设置自定义滤镜效…

冬季洗澡皮肤瘙痒怎么回事 冬季洗

冬季洗澡皮肤瘙痒怎么回事 冬季洗

冬季洗澡皮肤瘙痒怎么回事 冬季洗澡后皮肤瘙痒怎么回事 冬天皮肤洗澡痒,瘙痒,皮脂,产品,破坏,控制,体温,选择,方法,【#冬季皮肤瘙痒可能是洗澡方法错了#】#冬天洗澡不宜过勤#冬季天气寒冷干燥,如果洗浴护肤方式不当,皮肤很容易干燥瘙痒,进而引发皮肤疾…

jQuery中的Ajax如何返回结果而不是

jQuery中的Ajax如何返回结果而不是

回调,执行,返回结果,顺序,而不是,因为默认Ajax是异步的,也就是说,当它不响应结果时,它不影响向下执行,因此必须通过回调的方式来完成。 如果你不想返回的结果,参数异步Ajax变为假,这是在相同的顺序执行,它可以返回的结果如下。 然而,这种做法在不…

烟花制作网页新闻盒教程

烟花制作网页新闻盒教程

教程,烟花,制作网页,新闻,电脑软件,本教程是介绍给朋友的,用烟花制作网页新闻广播盒教程。结果很好,方法也很简单。很适合初学者学习,推荐大家一起学习。 本教程是介绍给朋友的,利用烟花制作的网络新闻广播框简单,很适合初学者学习。 我说了一…

“黄桃罐头”卖断货!能缓解新冠症状

“黄桃罐头”卖断货!能缓解新冠症状

“黄桃罐头”卖断货!能缓解新冠症状?这4个养病方法靠谱吗?,黄桃罐头,症状,缓解,不适,康复,营养,疾病,一点,  随着疫情管控的开放,各种与养病、防病相关的信息铺天盖地,这篇文章就选取其中大家最常念叨的 4 个来说道说道。  01 生病卧床喝粥就行?  …

QQ空间(WM)软件在手机上的功能是什么

QQ空间(WM)软件在手机上的功能是什么

空间,机上,在手,功能,电脑软件,QQ空间(WM)软件在手机上的功能是什么 手机的QQ空间(WM)软件版本具有以下功能: 1、QQ空间登录、帐号注销、帐号删除等帐号管理功能; 2。个人中心动态浏览、评论回复和详细视图功能。 三.快速写作,写作,拍照和上传…