jQuery判断checkbox是否选分析

不点 阅读:257 2021-04-25 16:50:12 评论:0

方法一:

if ($("#checkbox-id").get(0).checked) { 
 
    // do something 
 
}

方法二:

if($('#checkbox-id').is(':checked')) { 
 
    // do something 
 
}

方法三:

if ($('#checkbox-id').attr('checked')) { 
 
    // do something 
 
}

方法四:

if ($('#checkbox-id').prop("checked")) { 
 
    // do something 
 
}

jQuery中attr和prop方法的区别

prop是jquery1.6新增的方法,其与attr的用法极为相似。由于不理解他们的根本区别,难免产生离奇的BUG。通过分析attr和prop的源码,得知:

attr方法里面,最关键的两行代码,elem.setAttribute( name, value + “” )和ret = elem.getAttribute( name ),很明显的看出来,使用的DOM的API setAttribute和getAttribute方法操作的属性元素节点。

而prop方法里面,最关键的两行代码,return ( elem[ name ] = value )和return elem[ name ],你可以理解成这样document.getElementById(el)[name] = value,这是转化成JS对象的一个属性。


标签:CSSJavaScript
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

发表评论
搜索
KIKK导航

KIKK导航

排行榜
关注我们

一个IT知识分享的公众号