jQuery中attr()的使用
用法一: $(选择器).attr(属性名) 它的作用就是获取指定元素( $(选择器)部分 )的指定属性的值. 看例子:
有这样一段html:
<img src=“http://t.douban.com/lpic/s3791510.jpg” alt=“变形金刚海报” width=“500″ height=“300″ />
那么你要获取到图片的地址该怎么办呢? 这样: $(”img”).attr(”src”) 就这么简单, 你用alert或者其它形式输出一下就看到图片的地址了. 那么我要取得图片的描述呢? 这样: $(”img”).attr(”alt”) .够简单吧. 它不但可以取到html本身有的属性, 而且也能取到你自己定义的属性, 比如上例中的 funny属性, 自己试试能不能获取到它的值. 注意: 如果你要获取的属性是不存在的, 那么jquery就会返回一个 undefined .
用法二: $(选择器).attr(属性名, 属性值) 它的作用是为所有匹配的元素设置一个属性值。
假如页面中有一堆这样的html:
<img /><img />
我们写一句这样的jquery代码: $(”img”).attr(”src”,”http://t.douban.com/lpic/s3791510.jpg”) 这样上面一堆无意义的img标签就变成了:
<img src=“http://t.douban.com/lpic/s3791510.jpg” /><img src=“http://t.douban.com/lpic/s3791510.jpg” />
很容易理解吧. 假如我们想给图片设置高度,那么只要 $(”img”).attr(”height”,”300″) . 再要设置宽度就这样: $(”img”).attr(”width”,”500″) . 如此看来是没有什么问题, 但是当要设置多个属性时, 一个一个的这样写真是太麻烦了, 那么我们来看第三个用法.
用法三: $(选择器).attr(Map) 它的意思就是给指定元素设置多个属性值, 我们重点看一下 Map 是什么意思. 它其实是这样一种序列:
{属性名一: “属性值一” , 属性名二: “属性值二” , … … }
那么我要实现用法二中的例子只要这样写:
$(“img”).attr({src:“http://t.douban.com/lpic/s3791510.jpg” , height: “300″ , width : “500″})
以上我们学会了获取属性值, 设置属性值, 那么怎么删除属性呢?
jquery中删除属性的关键词是: removeAttr 注意A是大写的. 看看怎么用的:
同样是用法一中的html代码, 我想删掉图片的高度属性, 那么就这样:
$(“img”). removeAttr(“height”);
<script>
$("ul li:eq(1)").attr({id:"lili"});
</script>
<script>
$("ul li:eq(1)").attr({style:"color:red"});
</script>
三、获取<ul>里第2个<li>设置class。
<script>
$("ul li:eq(1)").attr({className:"lili"});
</script>
jquery中val()与之类似,
$(this).val();获取某个元素节点的value值,相当于$(this).attr("value");
$(this).val(value);设置某个元素节点的value值,相当于$(this).attr("value",value);
jQuery中attr()的使用相关推荐
- Jquery中attr与prop的区别
prop()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性,返回值是空字符串. attr()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性, ...
- jQuery中attr()和prop()方法的介绍
1.jQuery中用attr()方法来获取和设置元素属性.attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. attr(属性名) ...
- jquery 中attr和prop的区别
在jQuery API中也有专门解释: Attributes VS. Properties 在一些特殊的情况下,attributes和properties的区别非常大.在jQuery1.6之前,.at ...
- jQuery中attr和prop方法的区别
2019独角兽企业重金招聘Python工程师标准>>> 相比attr,prop是1.6.1才新出来的,两者从中文意思理解,都是获取/设置属性的方法(attributes和proper ...
- 关于jQuery中.attr()和.prop()
功能需求是这样的,两个radio:男和女,一个button:重置.启动页面默认选中男,在用户选择女之后又点击重置按钮,需要恢复到默认状态. <input type="radio&quo ...
- jquery中attr和prop的区别分析
参考来源:http://www.jb51.net/article/62308.htm 在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问 ...
- jQuery中attr方法和removeAttr方法使用
attr方法:获取和设置属性节点,attr方法可以设置两个参数或一个参数 获取:设置一个参数是获取属性节点,注意点,无论找到多少元素,都只会获取到第一个元素 设置:设置两个参数是设置属性节点,找到多少 ...
- jQuery 中 attr() 和 prop() 方法的区别
为什么80%的码农都做不了架构师?>>> 具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop(),其他 ...
- 转,jquery中attr和prop的区别
https://www.cnblogs.com/Showshare/p/different-between-attr-and-prop.html 像checkbox,radio和select这样的元素 ...
最新文章
- 圆你“鸟人”梦,全身VR模拟飞行器Birdly带你飞
- css电子商务管理_从毕业生的角度看电子商务专业
- Oracle 段区块 分配 (1)
- Windows10避开注册的方式安装sourceTree,Failed to connect to github.com port 443: Timed out问题解决
- MySQL性能调优与架构设计——第4章 MySQL安全管理
- sonar api 获取质量数据
- sap 分摊分配不产生会计凭证的原因_MM 物料凭证没有产生相应的会计凭证...
- 【C】Natasha V1.3.6.0 的升级日志
- django-上传图片-后台上传
- 程序员工资倒挂,IT 行业薪资潜规则如何规避?
- centos mysql 实战 第一节课 安全加固 mysql安装
- 【51】编写new和delete时需固守常规
- 【转】C语言条件编译及编译预处理阶段
- Vue3初始化需要安装的插件
- AppCompat是什么?
- matlab 多变量求偏导,新手求解两个自变量的函数,求其中一个变量的偏导
- Android Ibeacon 算法,iBeacon定位算法
- 小程序 - 接入支付宝预授权支付 笔记
- 开发常用的大数据分析软件有哪些
- 使用React Hooks 时要避免的5个错误!