教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery可见性过滤选择器使用示例

jquery可见性过滤选择器使用示例

发布时间:2014-01-29   编辑:jiaochengji.com
可见性过滤选择器对于dom中隐藏的一些元素还是比较实用的,具体的使用方法如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
复制代码 代码如下:

<script src="jquery1.7.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#btn').click(function () {
//$('span:hidden').addClass('class1').show();
$(':hidden').addClass('class1').show();

//$('div:visible').addClass('class1');
$('div:visible').addClass('class1');
})
})
</script>
</head>
<body>
<form id="form1">
<div>
第一层</div>
<span style="display: none;">Hidden</span>
<input type="button" id="btn" value="显示" />
</form>
</body>

您可能感兴趣的文章:
jQuery基本选择器选择元素使用介绍
jQuery基本过滤选择器使用介绍
使用jQuery内容过滤选择器选择元素实例讲解
jquery选择器大全详解
jquery选择器大全 全面详解jquery选择器
jquery可见性过滤选择器使用示例
jQuery学习笔记之jQuery选择器的使用
jQuery层次选择器选择元素使用介绍
Jquery实战_读书笔记2 选择器
Jquery选择器全面总结(实例)

关键词: 可见性  过滤  选择器   
[关闭]
~ ~