JQuery节点元素属性操作方法


Posted in Javascript onJune 11, 2015

本文实例讲述了JQuery节点元素属性操作方法。分享给大家供大家参考。具体分析如下:

在JQuery中,用attr()方法来获取和设置元素属性,removeAttr()方法来删除元素属性。

获取属性和设置属性

如果要获取p元素的属性title,那么只需要给attr()方法传递一个参数,即属性名称。

var $para = $("p"); //获取<p>节点  
var p_txt = $para.attr("title"); //获取<p>元素节点属性title

如果要设置<p>元素的属性title的值,也可以使用同一个方法,不同的是,需要传递两个参数即属性名称和对应的值。

$("p").attr("title", "your title");
//设置单个的属性值

如果需要一次性为同一个元素设置多个属性,可以使用下面的代码来实现:

$("p") .attr({"title" : "your title", "name": "test"});   
//将一个“名/值”形式的对象设置为匹配元素的属性

JQuery中的很多方法都是同一个函数实现获取(getter)和设置(setter)的,例如上面的attr()方法,既能设置元素属性的值,也能获取元素属性的值。类似的还有html()、text()、height()、width()、val()和css()等方法。

删除属性

在某些情况下,需要删除文档中某个元素的特定属性,可以使用removeAttr()方法来完成该任务。

如果需要删除p元素的title属性,可以使用下面的代码实现:

$("p").removeAttr("title");
//删除<p>元素的属性title

在Firebug下可以看得非常清楚。

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
js对象的构造和继承实现代码
Dec 05 Javascript
javascript随机将第一个dom中的图片添加到第二个div中示例
Oct 08 Javascript
推荐一款jQuery插件模板
Jan 09 Javascript
JavaScript 学习笔记之数据类型
Jan 14 Javascript
jquery实现倒计时功能
Dec 28 Javascript
10分钟掌握XML、JSON及其解析
Dec 06 Javascript
利用JQuery阻止事件冒泡
Dec 01 Javascript
easyui关于validatebox实现多重规则验证的方法(必看)
Apr 12 Javascript
vue.js 使用v-if v-else发现没有执行解决办法
May 15 Javascript
JavaScript简介_动力节点Java学院整理
Jun 26 Javascript
vue中axios的二次封装实例讲解
Oct 14 Javascript
javascript实现文字跑马灯效果
Jun 18 Javascript
JQuery包裹DOM节点的方法
Jun 11 #Javascript
JQuery替换DOM节点的方法
Jun 11 #Javascript
JavaScript中实现map功能代码分享
Jun 11 #Javascript
JQuery复制DOM节点的方法
Jun 11 #Javascript
JavaScript中标识符提升问题
Jun 11 #Javascript
JQuery删除DOM节点的方法
Jun 11 #Javascript
JQuery插入DOM节点的方法
Jun 11 #Javascript
You might like
php画图实例
2014/11/05 PHP
php打包压缩文件之ZipArchive方法用法分析
2016/04/30 PHP
ThinkPHP和UCenter接口冲突的解决方法
2016/07/25 PHP
浅谈laravel5.5 belongsToMany自身的正确用法
2019/10/17 PHP
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
2011/05/24 Javascript
javascript贪吃蛇完整版(源码)
2013/12/09 Javascript
JS实现带提示的星级评分效果完整实例
2015/10/30 Javascript
bootstrap-treeview自定义双击事件实现方法
2016/01/09 Javascript
JavaScript编写检测用户所使用的浏览器的代码示例
2016/05/05 Javascript
关于javascript中限定时间内防止按钮重复点击的思路详解
2016/08/16 Javascript
Jq通过td获取同行其它列td的方法
2016/10/05 Javascript
利用python分析access日志的方法
2016/10/26 Javascript
Bootstrap导航条的使用和理解3
2016/12/14 Javascript
angularjs ocLazyLoad分步加载js文件实例
2017/01/17 Javascript
基于滚动条位置判断的简单实例
2017/12/14 Javascript
jquery中为什么能用$操作
2019/06/18 jQuery
vue 通过base64实现图片下载功能
2020/12/19 Vue.js
python实现按行切分文本文件的方法
2016/04/18 Python
python实现Dijkstra静态寻路算法
2019/01/17 Python
PyQt5实现简易计算器
2020/05/30 Python
Python简直是万能的,这5大主要用途你一定要知道!(推荐)
2019/04/03 Python
python实现飞机大战小游戏
2019/11/08 Python
使用python快速在局域网内搭建http传输文件服务的方法
2019/11/14 Python
如何更改 pandas dataframe 中两列的位置
2019/12/27 Python
python3 sorted 如何实现自定义排序标准
2020/03/12 Python
python生成word合同的实例方法
2021/01/12 Python
植村秀美国官网:Shu Uemura美国
2019/03/19 全球购物
SQL Server 2000数据库的文件有哪些,分别进行描述
2013/03/30 面试题
公务员平时考核实施方案
2014/03/11 职场文书
2014年人民警察入党思想汇报
2014/10/12 职场文书
涉及车辆房产分割的离婚协议书范文
2014/10/12 职场文书
会议开幕词
2015/01/28 职场文书
2015年社区科普工作总结
2015/05/13 职场文书
上诉答辩状范文
2015/05/22 职场文书
Python内置数据结构列表与元组示例详解
2021/08/04 Python
Python实战之大鱼吃小鱼游戏的实现
2022/04/01 Python