jquery可见性选择器（综合）

<!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>
<title>可见性选择器</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<style type="text/css">
.yang{ border-collapse: collapse; width:500px;height:30px;border:1px solid red;"}
</style>
<script  type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
/*
:hidden  //匹配所有隐藏的元素
:visible   //匹配所有显示的元素
*/
window.onload=function(){
$('#btnOk').click(function(){
//匹配匹配所有隐藏的div
            $('div:hidden').show();
//匹配匹配所有显示的div
            $('div:visible').hide();
});
};
</script>
</head>
<body>
<div>div1</div>
<div style="display:none">div2</div>
<hr/>
<input type="button" id='btnOk' value='确定'  />
</body>
</html>

更多专业前端知识，请上【猿2048】www.mk2048.com

jquery可见性选择器（综合）相关推荐

jquery可见性选择器（匹配匹配所有显示的元素）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
jQuery的选择器——可见性过滤选择器
jQuery的可见性选择器是根据元素的可见和不可见状态来选择相对应的元素.主要有两个:可见:visible和不可见:hidden.今天我们主要来学习这两个选择器的使用.先来看一个HTML结构,方便学习 ...
jquery可见性过滤选择器
jquery可见性过滤选择器可见性过滤选择器是根据元素的可见性状态来选择相应的元素. 在锋利的jquery一书中的介绍如下:
jquery可见性过滤选择器:hidden、:visible
全栈工程师开发手册 (作者:栾鹏) jquery系列教程1-选择器全解 jquery可见性过滤选择器 jquery可见性过滤选择器,包括:hidden.:visible,具体功能如代码中注释. 代码如 ...
JQuery的可见性选择器与show、hide的关系
JQuery中的可见性选择器是指:选择器:hidden和:visible.上一篇文章中我们提到了display和visibility的差别,本文结合可见性选择器,看一下可见性选择器选中的究竟是什么样的 ...
Jquery选择器之可见性选择器、属性过滤选择器
可见性过滤选择器是根据元素的可见和不可见状态来选择相应的元素,可见性选择器介绍如下在可见性选择器中,需要注意选择器:hidden,他不仅包括样式属性display为"none", ...
JQuery简介选择器
JQuery简介&选择器文章目录 JQuery简介&选择器一.jquery介绍二.jquery加载三.jquery选择器 1.id选择器 2.类选择器 3.元素选择器 4.全选 ...
[jQuery] 说说看jQuery的选择器有哪些？
[jQuery] 说说看jQuery的选择器有哪些? 1.基本选择器: #id .element ..class .* .selector1... 2.层次选择器: ancestor descenda ...
jQuery常用选择器有哪些？
jQuery常用选择器有哪些? jQuery里面使用最频繁的选择器应该就是 id选择器$('#element-id') class选择器$('.class-name') 标签选择器$('element ...

jquery可见性选择器（综合）

jquery可见性选择器（综合）相关推荐

最新文章

热门文章