jquery radio设置选中_前端jQuery实战之 attr() 和 prop() 的区别

记得点击蓝字关注我们哦！

是不是刚开始学jQuery的时候，看到了这两个方法：attr()和prop()；感觉这不是一个意思吗？他们有什么区别呢？

下面简单的给大家区分一下：

对于HTML元素本身就带有的固有属性，在处理的时候，使用prop()方法。

对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr()方法。

举例说明

百度

这个例子里a元素的DOM属性有href、target和class，这些属性就是a元素本身就带有的属性，也就是W3C标准里就包含有这几个属性，这些就叫做固有属性。处理这些属性时，建议使用prop()方法。

删除

这个例子里a元素的DOM属性有href、id和del，很明显，前两个是固有属性，而后面一个del属性是我们自己自定义上去的，a元素本身是没有这个属性的。这种就是自定义的DOM属性，处理这些属性时，建议使用attr()方法。使用prop()方法取值和设置属性值时，都会返回undefined值。

再举一个例子

像checkbox，disabled，radio和select这样的元素，选中属性对应checked和selected，这些也属于固有属性，因此需要使用prop()方法去操作才能获得正确的结果。

$("#chk1").prop("checked") // false$("#chk2").prop("checked") // true

如果上面使用attr()方法，则会出现：

$("#chk1").attr("checked") // undefined$("#chk2").attr("checked") // "checked"

大家都知道有的浏览器只要写disabled，checked就可以了，而有的要写成disabled="disabled"，checked="checked"，比如用attr("checked")获取checkbox的checked属性时选中的时候可以取到值，值为"checked"但没选中获取值就是undefined。

jQuery提供新的方法prop()来获取这些属性，就是来解决这个问题的，以前我们使用attr()获取checked属性时返回"checked"和undefined,现在使用prop()方法获取属性则统一返回true和false。

文章来自知乎

作者：千锋HTML5学院

转载是一种动力分享是一种美德

jquery radio设置选中_前端jQuery实战之 attr() 和 prop() 的区别相关推荐

jQuery实战之 attr() 和 prop() 的区别
是不是刚开始学jQuery的时候,看到了这两个方法:attr()和prop():感觉这不是一个意思吗?他们有什么区别呢? 下面简单的给大家区分一下: 对于HTML元素本身就带有的固有属性,在处理的时候 ...
jq select 修改选中_「jquery select」jquery操作select(取值，设置选中） - seo实验室
jquery select 最近工作中总出现select 和 option问题,整理一下,内容大部分源于网络资料一.基础取值问题例如 1.设置value为pxx的项选中 $(".sele ...
【jQuery 区别】attr()和prop()的区别
1>>> 今天实现一个点击更新按钮 ,可以勾选上本行的的checkbox的功能: 使用代码: 1 /** 2 * updateproduct.htmls 更新产品信息 3 */ ...
Jquery中attr与prop的区别
prop()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性,返回值是空字符串. attr()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性, ...
jquery滚动条平滑滚动_使用jQuery平滑垂直或水平页面滚动
jquery滚动条平滑滚动 View demo 查看演示Download Source 下载源 In this tutorial we will create a simple smooth scro ...
jQuery函数attr()和prop()的区别
在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同. 但不得不说的是,这两个函数的用处却并不相同.下面我们来详细介绍这两个函数之间的区别. ...
jquery获取浏览器版本号_前端为什么弃用jQuery？有这六个原因
点击右上方红色按钮关注"小郑搞码事",每天都能学到知识,搞懂一个问题! 前端为什么都不再使用jQuery?这个问题其实也非常好理解,首先,你得知道jQuery给我们解决了什么问题. ...
jquery 树形框横_利用jQuery设计横/纵向菜单
在网页中,菜单扮演着"指路者"的角色.如何设计一个人性化的菜单呢,下面小编带着大家一起做. 效果图: 设计历程: 1.首先利用html中的和标签进行嵌套,搭起一个整体的框架.如 ...
jquery 获取元素图片_【jQuery】获取图片真实宽高
jQuery有没有获取图片实际尺寸的方法? 就是图片文件的实际尺寸,而不是添加了css样式之后的尺寸. 肥肠真实,如假包换! //code from http://caibaojian.com/jqu ...
jquery检测input变化_检测jQuery中的输入变化？
翻过高山走不出你更新以作澄清和举例例子:http://jsfiddle.net/pxfunc/5kpeJ/方法1.input事件在现代浏览器中,使用input事件.当用户在文本字段中键入.粘贴.撤消 ...

jquery radio设置选中_前端jQuery实战之 attr() 和 prop() 的区别

jquery radio设置选中_前端jQuery实战之 attr() 和 prop() 的区别相关推荐

最新文章

热门文章