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>

时间： 2024-07-30 21:52:54

jquery可见性选择器（综合）的相关文章

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>

jQuery可见性选择器

:hidden:表示查询所有隐蔽的标签:visible:表示查询所有显示的标签或:not(:hidden) <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../js/jquery-1.6.js"&g

JQuery中的可见性选择器是指:选择器:hidden和:visible.上一篇文章中我们提到了display和visibility的差别,本文结合可见性选择器,看一下可见性选择器选中的究竟是什么样的元素. <div id="outB" style="width:400px;height:200; background:#0000ff;display:block;visibility:hidden;"></div> 如果:visible选择器

jQuery学习- 子选择器与可见性选择器

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>子选择器与可见性选择器</title> <script src="js/jquery.js"></script> <script type="text/javascript"> $(function(){ //出现在其父元

jQuery可见性过滤选择器

1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <html> 4 <head> 5  6 &l

jQuery 复合选择器应用的几个例子

这篇文章主要介绍了jQuery 复合选择器应用的几个例子,本文例子所引用的jQuery版本为 jQuery-1.8.3.min.js,喜欢的朋友可以学习下  一. 复合选择器对checkbox的相关操作 ? 1 2 3 4 5 <input type="checkbox" id="ckb_1" /> <input type="chec

Jquery常用选择器

Jquery常用选择器<p id="test">这是段落中的<b>粗体</b>文本.</p>text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)$("#test").text():这是段落中的粗体文本.$("#test").html():这是段落中的<b>粗体</b>文本. append() - 在被选元素的结尾插入

锋利的Jquery学习笔记之Jquery的选择器

Jquery的选择器分为:基本选择器,层次选择器,过滤选择器和表单选择器. 1.基本选择器基本选择器是Jquery中最常用的选择器,也是最简单的选择器. 2.层次选择器如果想通过DOM之间的层次关系来获取特定元素,例如后代元素,子元素,相邻元素和同辈元素等,那么层次选择器是一个非常好的选择. 在层次选择器中,第一个和第二个选择比较常用,而后面两个在JQuery里可以用更加简单的方法代替,所以使用的几率相对较小. 3.过滤选择器过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素,过滤