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 相关文章推荐
获取网站跟路径的javascript代码(站点及虚拟目录)
Oct 20 Javascript
一些常用弹出窗口/拖放/异步文件上传等实用代码
Jan 06 Javascript
JS实现点击链接取消跳转效果的方法
Jan 24 Javascript
javascript页面上使用动态时间具体实现
Mar 18 Javascript
jQuery简单实现日历的方法
May 04 Javascript
AngularJS基础学习笔记之控制器
May 10 Javascript
jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法
Aug 10 Javascript
js图片跟随鼠标移动代码
Nov 26 Javascript
JS+jQuery实现注册信息的验证功能
Sep 26 jQuery
详解Node.js中的Async和Await函数
Feb 22 Javascript
JavaScript 性能提升之路(推荐)
Apr 10 Javascript
vue 地图可视化 maptalks 篇实例代码详解
May 21 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+jQuery 注册模块开发详解
2014/10/14 PHP
jQuery开发者都需要知道的5个小技巧
2010/01/08 Javascript
javascript 匿名函数的理解(透彻版)
2010/01/28 Javascript
复选框全选与全不选操作实现思路
2013/08/18 Javascript
当鼠标移动时出现特效的JQuery代码
2013/11/08 Javascript
使用POST方式弹出窗口的两种方法示例介绍
2014/01/29 Javascript
jQuery 选择器详解
2015/01/19 Javascript
浅谈JavaScript中的string拥有方法的原因
2015/08/28 Javascript
原生javascript实现匀速运动动画效果
2016/02/26 Javascript
JavaScript中的各种操作符使用总结
2016/05/26 Javascript
jQuery判断是否存在滚动条的简单方法
2016/09/17 Javascript
jquery鼠标悬停导航下划线滑出效果
2017/09/29 jQuery
vue2.0+koa2+mongodb实现注册登录
2018/04/10 Javascript
Vue引入jquery实现平滑滚动到指定位置
2018/05/09 jQuery
详解webpack+ES6+Sass搭建多页面应用
2018/11/05 Javascript
JavaScript this关键字指向常用情况解析
2020/09/02 Javascript
javascript实现随机抽奖功能
2020/12/30 Javascript
[10:21]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster 选手采访
2021/03/11 DOTA
通过python下载FTP上的文件夹的实现代码
2013/02/10 Python
python paramiko实现ssh远程访问的方法
2013/12/03 Python
PyChar学习教程之自定义文件与代码模板详解
2017/07/17 Python
PyQt5每天必学之关闭窗口
2018/04/19 Python
基于DOM+CSS3实现OrgChart组织结构图插件
2016/03/02 HTML / CSS
利用纯CSS3实现动态的自行车特效源码
2017/01/20 HTML / CSS
HTML5中的网络存储实现方式
2020/04/28 HTML / CSS
澳大利亚UGG工厂直销:Australian Ugg Boots
2017/10/14 全球购物
英国儿童设计师服装和玩具购物网站:Zac & Lulu
2020/10/19 全球购物
日期和时间问题
2015/01/04 面试题
公司成本主管岗位责任制
2014/02/21 职场文书
汽车机修工岗位职责
2014/03/06 职场文书
小学生家长寄语
2014/04/02 职场文书
初中体育教学随笔
2015/08/15 职场文书
学校标语口号大全
2015/12/26 职场文书
高一语文教学反思
2016/02/16 职场文书
HTML5来实现本地文件读取和写入的实现方法
2021/05/25 HTML / CSS
Nginx stream 配置代理(Nginx TCP/UDP 负载均衡)
2021/11/17 Servers