$(function(){
   //并集选择器
   /*
   $("h2,ul").css("background","pink");*/
   
   //交集选择器
  //$("h2.ww").css("background","pink");
   
   //全局选择器
   //$("*").css("background","red");
   
   //标签选择器
   //$("ul").css("background","red");
   //类选择器
   //$(".ww").css("background","red");
   
   //后代选择器
   //$("#66 span").css("background","red");
   //子选择器
   //$("#66>span").css("background","red");
   //相邻选择器
    //$("#66+h2").css("background","red");
    //同辈选择器
   // $("#66~h2").css("background","red");
   //属性选择器
   // $("[href=sss]").css("background","red");href元素属性值等于sss
   //$("[href^=sss]").css("background","red");href元素属属性值包含sss
   //$("[href$=sss]").css("background","red"); href元素属属性值以sss结尾
   //$("a[href=sss]").css("background","red");在a标签中且href元素属性值等于sss
   
   //过滤选择器
   //偶数
   //$("ul li:even").css("background","red");
   //奇数
   //$("ul li:odd").css("background","red");
   //第一个
   //$("ul li:first").css("background","red");
   //最后一个
   //$("ul li:last").css("background","red");
   //索引等于index的元素
   //$("ul li:eq(1)").css("background","red");
   //索引大于index的元素
   //$("ul li:gt(1)").css("background","red");
   //索引小于indexi的元素
   //$("ul li:lt(1)").css("background","red");
   $("input").focus();
   $("input:focus").css("background","red");
  });
  
  
  
  </script>
 </head>
 <body>
  
  <h1 class="2">New Web Project Page</h1>
  <div id="66"><span> ssssss</span> 666666666</div>
  <h2 class="ww">hehehehe</h2>
  <h2 class="ss">66666666666</h2>
  <input type="text"/>
  <ul>
   <li class="1">我是第一个li</li>
   <li class="2">我是第二个li</li>
   <li class="3"> 我是第三个li</li>
   <li class="4">我是第四个li</li>
  </ul>
  <div id="3">
   
   <a href="sss">1</a>
   <a href="sss2">2</a>
   <a href="sss3">3</a>
   <a href="sss4">4</a>
  </div>
 </body>

jQuery选择器课堂随笔的更多相关文章

  1. JQuery:JQuery基本语法,JQuery选择器,JQuery DOM,综合案例 复选框,综合案例 随机图片

    知识点梳理 课堂讲义 1.JQuery快速入门 1.1.JQuery介绍 jQuery 是一个 JavaScript 库. 框架:Mybatis (jar包) 大工具 插件:PageHelper (j ...

  2. JQuery 选择器

    选择器是JQuery的根基,在JQuery中,对事件的处理,遍历DOM和AJAX操作都依赖于选择器.如果能够熟练地使用选择器,不仅能简化代码,而且还可以事半功倍. JQuery选择器的优势 1.简洁的 ...

  3. jQuery的案例及必知重要的jQuery选择器

    Jquery能做什么 访问和操作DOM元素 控制页面样式 对页面事件进行处理 扩展新的jQuery插件 与Ajax技术完美结合 Jquery的优势 体积小,压缩后只有100KB左右 l强大的选择器 出 ...

  4. 深入学习jQuery选择器系列第一篇——基础选择器和层级选择器

    × 目录 [1]id选择器 [2]元素选择器 [3]类选择器[4]通配选择器[5]群组选择器[6]后代选择器[7]兄弟选择器 前面的话 选择器是jQuery的根基,在jQuery中,对事件处理.遍历D ...

  5. jQuery选择器和选取方法 http://www.cnblogs.com/MaxIE/p/4078869.html

    我们已经使用了带有简单Css选择器的jQuery选取函数:$().现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了. 一.jQuery选择器 在CSS3选择器标淮草案定义 ...

  6. 《锋利的jQuery（第2版）》笔记-第2章-jQuery选择器

    选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.熟练使用选择器,不仅可以简化代码,而且可以达到事半功倍的效果. 2.1 jQuery选择器是什么 1. ...

  7. 深入学习jQuery选择器系列第八篇——过滤选择器之伪子元素选择器

    × 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素 前面的话 本文是子元素选择器的续篇,主要介绍关于nth-of-type()选择器的内容.该部分内容并非没有出现在<锋利的 ...

  8. 深入学习jQuery选择器系列第四篇——过滤选择器之属性选择器

    × 目录 [1]简单属性 [2]具体属性 [3]条件属性 前面的话 属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素,对应于CSS中的属性选择器.属性过滤选择器可分为简单属性选择器.具体属性选 ...

  9. 深入学习jQuery选择器系列第二篇——过滤选择器之子元素选择器

    × 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素 前面的话 在上一篇中已经介绍过基础选择器和层级选择器,本文开始介绍过滤选择器.过滤选择器是jQuery选择器中最为庞大也是最为 ...

随机推荐

  1. UVA - 129 Krypton Factor （困难的串）（回溯法）

    题意:求由字母表前L个字母组成的字典序第n小的困难串.(如果一个字符串包含两个相邻的重复子串,则称它是"容易的串",其他串称为"困难的串".) 分析:回溯时,检 ...

  2. 刷新UITableView

    [from]http://www.superqq.com/blog/2015/08/18/ios-development-refresh-uitableview/ UITableView对于iOS开发 ...

  3. UVa 10132 - File Fragmentation

    题目大意:有n个相同的文件,每个文件从中间分为两半,现在给你这2n个文件碎片,求原来完整的文件. 找出文件碎片长度的最大值和最小值,二者相加可得到原来文件的长度len.然后逐个进行拼接,将拼接后长度等 ...

  4. debugger 调试的一些经验

    1. 如果没有firebug , 可以用firebug-lite.js 内嵌的调试方式. 2. console.log 不是所有浏览器都支持console.log 在IE或者没有调试窗口的浏览器中,c ...

  5. PAT1013 数素数

    思路: 打印素数表 然后找出对应区间[m,n]中的素数 #include <iostream> #include <vector> #include <cmath> ...

  6. 在delphi中，DLL加载时做初始化的Demo

    library DLLEntry;//dll源码 uses SysUtils, Classes, Dialogs, Windows; {$R *.res} procedure DLLEntryPoin ...

  7. JQuery的$.each(list,function(i,a){} 中 i和a 未定义，a取不到值

    $.each(list,function(i,a){ var status = ""; if(a.status==0) status="未审核"; else i ...

  8. DataTimePicker

    日期时间控件 DataTimePicker 功能:拾取系统时间.日期,并以对应格式输出 重要属性: a. date,拾取的时间.  b. Time,拾取的系统时间 举例如:button2.Captio ...

  9. HTML 5 服务器发送事件、Input 类型、表单元素、表单属性

    HTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的更新. Server-Sent 事件 - 单向消息传递 Server-Sent 事件指的是网页自动获取来自服务器 ...

  10. RAC 开启gsd和oc4j服务

    Oracle 11g RAC中,发现oc4j以及gsd服务都处于offline状态,这是Oracle 11g RAC默认情形.即便如此,并不影响数据库的使用,因为 oc4j 是用于WLM 的一个资源, ...