jquery怎样给元素增加属性值
2021-11-23 21:44:37
jquery给元素增加属性值的方法:1、利用“$(元素)”语句获取指定的元素对象;2、利用attr()方法给获取到的元素添加属性和值,语法为“元素对象.attr(attribute,value)”。
本教程操作环境:windows7系统、jquery1.10.0版本、Dell G3电脑。
jquery怎样给元素增加属性值
在jQuery中可以利用attr()方法来给元素增加属性值,attr() 方法设置或返回被选元素的属性值。根据该方法不同的参数,其工作方式也有所差异。返回被选元素的属性值。
该方法的语法为:
$(selector).attr(attribute,value)
attribute规定了要获取其值的属性。
下面我们通过示例来看一下怎样给元素增加属性值,示例如下:
我们在html里添加一个p,该p只有class属性。然后添加一个按钮,用来触发添加属性的事件。接着在html里引入jquery脚本。然后在script里添加一个function,按钮事件的函数。
函数很简单,使用jquery的 attr方法来设置属性就行了,参数第一个是要添加的属性名,第二个就是属性的值。这里我们为p添加一个id属性。
<body> <p class=""> <p class="jqyery"> 增加属性 </p> </p> <p class="action"> <input type="button" id="btn" value="设置属性" onlick="setAttr()" class="btn btn-primary" /> </p> <scripr> function setAttr(){ $(".jquery").attr("id","bd"); } </scripr> </body>
运行页面后,从页面源代码里看,这个p现在是没有id属性的。
点击页面上的按钮,触发事件,为p添加id属性。
点击后,再看一下源代码,可以看到已经成功为p添加了一个id属性了。
相关视频教程推荐:jQuery视频教程
以上就是jquery怎样给元素增加属性值的详细内容,更多请关注dnjidi.com其它相关文章!
相关阅读
- javascript如何获取用户输入的值
- JavaScript怎么设置页面标题
- jquery怎么修改元素css属性值
- node.js中什么是Buffer对象?使用场景是什么
- innerhtml和innertext间有什么区别?innerhtml和innertext的简单比较
- JS数组学习之清空全部元素的4种方法(代码详解)
- 分享6款实用的时钟特效(收藏)
- 手把手教你如何使用Vite+React进行组件开发(实践)
- 你知道前端是如何实现水印的吗
- js绘制两个相交的矩形并且其中有一个包含透明度
- js的趣味实现:给你一个戴眼镜的笑脸
- Node.js真的单线程吗?进程间如何通信?
- 了解angular10模块相关概念,快速入门!
- 手把手教你在Node.js项目中如何优化docker镜像
- 聊聊angular10中模板如何进行数据绑定?
- 通过JavaScript函数生成字符串的所有排列组合
- 为什么node.js要引入buffer?浅析缓冲区buffer
- Angular中什么是Ivy编译?如何开启Ivy编译?