jquery中prop()方法和attr()方法的区别浅析
2023-06-13 09:15:05 时间
jquery1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。
大家都知道有的浏览器只要写disabled,checked就可以了,而有的要写成disabled="disabled",checked="checked",比如用attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"checked"但没选中获取值就是undefined。
jq提供新的方法“prop”来获取这些属性,就是来解决这个问题的,以前我们使用attr获取checked属性时返回"checked"和"",现在使用prop方法获取属性则统一返回true和false。
那么,什么时候使用attr(),什么时候使用prop()?
1.添加属性名称该属性就会生效应该使用prop();
2.是有true,false两个属性使用prop();
3.其他则使用attr();
项目中jquery升级的时候大家要注意这点!
以下是官方建议attr(),prop()的使用:
Attribute/Property | .attr() |
.prop() |
---|---|---|
accesskey | √ | |
align | √ | |
async | √ | √ |
autofocus | √ | √ |
checked | √ | √ |
class | √ | |
contenteditable | √ | |
draggable | √ | |
href | √ | |
id | √ | |
label | √ | |
location(i.e.window.location) | √ | √ |
multiple | √ | √ |
readOnly | √ | √ |
rel | √ | |
selected | √ | √ |
src | √ | |
tabindex | √ | |
title | √ | |
type | √ | |
width(ifneededover .width() ) |
√ |
相关文章
- js与jQuery的区别以及jQuery选择器和方法的使用
- vue封装jquery修改自身以及兄弟元素的方法「建议收藏」
- jquery实现向服务器下载文件的方法_从服务器下载文件命令
- jquery手机端横屏判断方法详解编程语言
- jQuery html()和text()方法的区别
- jQuery on()方法绑定事件
- jQuery eq()方法的用法
- jquery提示"objectexpected"的解决方法
- Jquery插件easyUI属性汇总
- 基于jQuery的合并表格中相同文本的相邻单元格的代码
- jquery中eq和get的区别与使用方法
- jquery一般方法介绍入门参考
- Jquery的扩展方法总结
- 基于jquery封装的一个js分页
- JQuery中根据属性或属性值获得元素(6种情况获取方法)
- Jquery刷新页面背景图片随机变换的实现方法
- jquery实现excel导出的方法
- jQuery中noConflict()方法使用
- jquery特效幻灯片效果示例代码
- jquery更换文章内容与改变字体大小代码
- jquery中的查找parents与closest方法之间的区别
- jquery获取URL中参数解决中文乱码问题的两种方法
- jQuery中bind,live,delegate与one方法的用法及区别解析
- jQuery获取当前对象标签名称的方法
- jQuery获取(选中)单选,复选框,下拉框中的值
- jquery跟js初始化加载的多种方法及区别介绍
- JQuery实现表格动态增加行并对新行添加事件
- jquery实现textarea输入框限制字数的方法
- 2种jQuery实现刮刮卡效果