博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery attr与prop
阅读量:6912 次
发布时间:2019-06-27

本文共 1154 字,大约阅读时间需要 3 分钟。

hot3.png

  • attr 表示HTML文档节点属性
  • prop表示JS对象属性 (jquery版本1.6+)

区别:在1.6版本前,attr()获取的是初始化值,除非通过attr(‘name’,’value’)改变,但是这个方法可能导致不一致的行为;在1.6版本开始prop()获取属性值是动态的,比如checkbox,选中后,checked变为true,prop值也会发生改变。

$("input").prop("disabled", false);//设置disable 为falseif ($("input").prop("disabled")) {    //do something    alert("disabled is :true");} else {    //do something    alert("disabled is :false");}$("input").prop("checked", true);if ($("input").prop("checked")) {    //do something    alert("disabled is :true");} else {    //do something    alert("disabled is :false");}

官方提供的资料:

elem.checked true (Boolean) Will change with checkbox state
$( elem ).prop( "checked" ) true (Boolean) Will change with checkbox state
elem.getAttribute( "checked" ) "checked" (String) Initial state of the checkbox; does not change
$( elem ).attr( "checked" ) (1.6) "checked" (String) Initial state of the checkbox; does not change
$( elem ).attr( "checked" ) (1.6.1+) "checked" (String) Will change with checkbox state
$( elem ).attr( "checked" ) (pre-1.6) true (Boolean) Changed with checkbox state
    
prop demo

转载于:https://my.oschina.net/stupidboyblog/blog/1820074

你可能感兴趣的文章
BZOJ3152[Ctsc2013]组合子逻辑——堆+贪心
查看>>
大型网站技术架构(四)网站的高性能架构
查看>>
添加非Oracle用户到dba, oinstall组
查看>>
我的友情链接
查看>>
OpenStack Swift Account Reaper
查看>>
How Linux Works
查看>>
Redis应用学习——Redis Cluster的集群伸缩
查看>>
pfsense远程管理
查看>>
highcharts中数据过多时,横坐标上的标签无法正常显示解决
查看>>
AWS Cloudformation的相关概念
查看>>
The type promotion rules (类型提升规则,以及类型转换规则)
查看>>
iOS开发多线程篇---多线程基础介绍和创建
查看>>
Windows Server 2012 R2在桌面上显示计算机/网络图标
查看>>
testNG
查看>>
windows7下配置nginx
查看>>
latch: library cache pin等待事件
查看>>
greenDAO系列4--构建模型
查看>>
Java多线程开发技巧
查看>>
4.MySQL Proxy
查看>>
MAC outlook achrive (导出或手动存档 Outlook 项目)
查看>>