jquery中的is和is(":hidden")
书到用时方恨少,的确是这样的,很久都在用jquery了,只是用的时候不是很多,一般用的也就那么几个属性和事件。用的时候需要什么也是在网上找。以后 还是多看看手册,多几点东西。。。这样用起来的时候就没有这么痛苦了。今天用了is 和hidden,给大家分享下,顺便自己也加深下印象。
以下内容来自手册:
: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)
返回值
Boolean
参数
expr (String) :用于筛选的表达式
示例
由于input元素的父元素是一个表单元素,所以返回true。
HTML 代码:
<form><input type="checkbox" /></form>
jQuery 代码:
$("input[type=‘checkbox‘]").parent().is("form")
结果:
true
实例:
<script language="javascript" src="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>
<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>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。