JQuery 可见性过滤选择器

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>使用可见性过滤选择器</title>
    <link href="../../CSS/2-9.css" rel="stylesheet" />
    <script src="../../JQuery/jquery-2.1.4.min.js"></script>
    <script type="text/javascript">
        //增加可见元素类别
        $(function () {
            $("span:hidden").show()
            $("div:visible").addClass("GetFocus");
        })效果图：

        $(function () {
            $("span:hidden").show().addClass("GetFocus");
            //下面这种写法并没有什么卵用
            //$("span:hidden").show();
            //$("span:hidden").addClass("GetFocus");
        })效果图
    </script>
</head>
<body>
    <span style="display: none">Hidden</span>
    <div>Visible</div>
</body>
</html>

时间： 2024-08-03 10:16:05

JQuery 可见性过滤选择器的相关文章

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可见性过滤选择器:hidden无法获取通过visibility:hidden样式隐藏的元素

1.版本问题如果你可以获取下列元素 <input type="hidden"/> <div style="display:none">123</div> 而你使用的JQuery是高于1.3版本的,你获取不到通过visibility:hidden样式隐藏的元素就对了 2.解决方案 $("div").filter(function() { if($(this).css("visibility"

一步一步学习 JQuery (三) 过滤选择器:基本过滤选择器 && 内容过滤选择器 && 可见性过滤选择器

过滤选择器: 过滤选择器主要是通过特定的过滤规则来筛选出所需的 DOM 元素, 该选择器都以 ":" 开头按照不同的过滤规则, 过滤选择器可以分为基本过滤, 内容过滤, 可见性过滤, 属性过滤, 子元素过滤和表单对象属性过滤选择器. 一.基本过滤选择器改变第一个 div 元素的背景色为 # bbffaa 改变最后一个 div 元素的背景色为 # bbffaa 改变class不为 one 的所有 div 元素的背景色为 # bbffaa 改变索引值为偶数的 div 元素的背景色为 #

jQuery学习笔记之可见性过滤选择器

可见性过滤选择器是根据元素的可见和不可见状态来选择相应的元素. 显示隐藏的例子: <!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#hide

第一百六十五节，jQuery，过滤选择器

jQuery,过滤选择器学习要点: 1.基本过滤器 2.内容过滤器 3.可见性过滤器 4.子元素过滤器 5.其他方法过滤选择器简称:过滤器.它其实也是一种选择器,而这种选择器类似与 CSS3 (http://t.mb5u.com/css3/)里的伪类,可以让不支持 CSS3 的低版本浏览器也能支持.和常规选择器一样,jQuery 为了更方便开发者使用,提供了很多独有的过滤器. 一．基本过滤器过滤器主要通过特定的过滤规则来筛选所需的 DOM 元素,和 CSS 中的伪类的语法类似:使用冒号

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 <

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 <

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 <

jQuery之过滤选择器

过滤选择器 1.基本选择器 2.内容选择器 3.可见性选择器 4.子元素过滤器过滤选择器简称:过滤器.它其实也是一种选择器,而这种选择器类似于CSS3(http://t.mb5u.com/css3/)里的伪类,可以让不支持CSS3的浏览器也能支持.和常规的选择器一样,jQuery为了更方便开发者使用,提供了很多独有的过滤器. 一.基本过滤器过滤器主要通过特定的过滤规则来筛选所需的DOM元素,和CSS中的伪类的语法类似:使用冒号(:)开头. 过滤器名 jQuery语法说明返回 :firs