首页 > 代码库 > jquery中的is和is(":hidden") 【转载】

jquery中的is和is(":hidden") 【转载】

2024-07-15 01:23:08   215人阅读

　　书到用时方恨少，的确是这样的，很久都在用jquery了，只是用的时候不是很多，一般用的也就那么几个属性和事件。用的时候需要什么也是在网上找。以后 还是多看看手册，多几点东西。。。这样用起来的时候就没有这么痛苦了。今天用了is 和hidden，给大家分享下，顺便自己也加深下印象。

以下内容来自手册：

:hidden

匹配所有的不可见元素，input 元素的 type 属性为 "hidden" 的话也会被匹配到

返回值

Array<Element>

示例

查找所有不可见的 tr 元素

HTML 代码:

<table>
  <tr style="display:none"><td>Value 1</td></tr>
  <tr><td>Value 2</td></tr>
</table>

jQuery 代码:

$("tr:hidden")

结果:

[ <tr style="display:none"><td>Value 1</td></tr> ]

is(expr)

用一个表达式来检查当前选择的元素集合，如果其中至少有一个元素符合这个给定的表达式就返回true。
如果没有元素符合，或者表达式无效，都返回‘false‘. ‘filter‘ 内部实际也是在调用这个函数，所以，filter()函数原有的规则在这里也适用。
Checks the current selection against an expression and returns true, if at least one element of the selection fits the given expression.
If no element fits, or the expression is not valid, then the response will be ‘false‘. ‘filter‘ is used internally, therefore all rules that apply there apply here, as well.

返回值

Boolean

参数

expr (String) :用于筛选的表达式

示例

由于input元素的父元素是一个表单元素，所以返回true。

HTML 代码:

<form><input type="checkbox" /></form>

jQuery 代码:

$("input[type=‘checkbox‘]").parent().is("form")

结果:

true

实例：

JavaScript代码

<script language="javascript" src=http://www.mamicode.com/"jquery.js"></script>   

<script>   

jQuery(function($){   

    $(".abc").click(function(){   

if ($(this).next(".content").is(":hidden")) {   

            $(this).next(".content").fadeIn("slow");   

            $(this).html("收起");   

            $(this).addClass("closeMore");   

        } else {   

            $(this).next(".content").fadeOut("slow");   

            $(this).html("打开");   

            $(this).addClass("closeMore");         

        }   

    })   

})   

</script> 

XML/HTML代码

<div>  

<span class="abc">打开</span>  

<div class="content" style="display: none;">  

    div_1 内容   

</div>  

</div>  

<div>  

<span class="abc">打开</span>  

<div class="content"  style="display: none;">  

    div_2 内容   

</div>  

</div> 


联系
我们