首页 > Web开发 > 详细

jQuery根据style筛选元素

时间:2019-10-18 16:27:52      阅读:437      评论:0      收藏:0      [点我收藏+]
<div style="display:block;">
    <input/>
</div>
<div style="display:none;">
    <input/>
</div>

如上的两个input元素,获取两个input元素,常规的按index、id或判断等形式也能实现,但是很麻烦,可以用以下办法

$(".div[style=‘display:block;‘] input")

注意“;”分号不能省略.

这里的style是指元素的style属性,并非css属性,否则如下改变之后同样的方法获取元素会失效

if($(this).css("display")==‘none‘){
    $(this).attr(‘display‘,‘block‘);
}else{
    $(this).css(‘display‘,‘none‘);
}

 

如要操作css属性,可选用attr方法,如

if($(this).css("display")==‘none‘){
    $(this).attr(‘style‘,‘display:block;‘);
}else{
    $(this).attr(‘style‘,‘display:none;‘);
}

如欲详细了解css属性与元素属性,请移步@参考文章

jQuery根据style筛选元素

原文:https://www.cnblogs.com/yanan7890/p/11698403.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!