您的位置：首页 > Web前端 > JQuery

【7】jQuery学习——入门jQuery选择器之过滤选择器-可见性过滤选择器

2012-08-09 14:52 651 查看
这篇什么都不说，看标题就知道了，很简单，就2个选择器，嘿嘿

[b]选择器[/b][b]描述[/b][b]返回[/b]
$("Element:hidden")选取所有不可见的元素集合元素
$("Element:visible")选取所有可见元素集合元素
这篇很简单吧，就2个，但是我们要知道哪些是可见和不可见的

那我们就来说说不可见有几种情况：

【1】它们的CSS display值是none，<div style="display:none">

【2】它们是type="hidden"的表单元素，<input type=”hidden”>

================================================================

ps.文章参考梦三秋和w3cfuns网站

================================================================

完成了w3cfuns网站的作业

可见性过滤选择器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>实例</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#but1").click(function(){
$("ul:hidden").show(500);
});
$("#but2").click(function(){
$("dl:visible").hide(500);
});
});
</script>
<style type="text/css">
ul{display:none;}
</style>
</head>

<body>

<input type="button" id="but1" value="选择所有不可见的ul元素对象,将其设置为可见" />
<input type="button" id="but2" value="选择所有可见的dl元素对象,将其设置为不可见" />

<ul>
<li>我ul原本不可见现在为可见</li>
<li>我ul原本不可见现在为可见</li>
<li>我ul原本不可见现在为可见</li>
<li>我ul原本不可见现在为可见</li>
<li>我ul原本不可见现在为可见</li>
</ul>
<dl>
<dd>我dl是可见的</dd>
<dd>我dl是可见的</dd>
<dd>我dl是可见的</dd>
<dd>我dl是可见的</dd>
<dd>我dl是可见的</dd>
</dl>

</body>
</html>


我不知道你(taosdk的)黑龙是不是很无聊，上次转了我的淘宝sdk，都没有见你吭一声说明下事实，现在又来转载，转了还又成你的东西了，无语。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航