jQuery根据style筛选元素

<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属性与元素属性，请移步@参考文章