$(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. LPC2478内存布局以及启动方式

    LPC2478 是NXP公司推出的一款基于APR7TDMI-S的工控型MCU,内置RAM与flash,同时提供外部扩展flash和ram接口,拥有LCD控制器,其内存布局如下所示 其中Flash高达5 ...

  2. js prototype 和constructor

    1.function 和object 都有 constructor 和prototype 2. var a=new Animal() (animal 是function或Object) a 有 con ...

  3. A股暴跌三日市值蒸发4.2万亿 股民人均浮亏超2万

    A股暴跌三日市值蒸发4.2万亿 股民人均浮亏超2万 http://finance.qq.com/a/20150508/010324.htm?pgv_ref=aio2015&ptlang=205 ...

  4. IM 融云 之 列表及封装

    // // ChatListIMViewController.m // testRongCloudIM // // Created by WoodGao on 16/1/8. // Copyright ...

  5. html5、css3及响应式设计入门

    一.响应式设计的定义 将三种已有的开发技巧(弹性网格布局.弹性图片.媒体和媒体查询)整合起来,命名为响应式网页设计.真正的响应式设计方法不仅仅只是根据视口大小改变网页布局.相反,它是要从整体上颠覆我们 ...

  6. KMP算法之查找模式串在源串中出现的次数

    问题描述: 给定两个字符串T, P.查找字符串P在字符串T中出现的次数. 解决方法: 典型的KMP算法的题目,在此使用的KMP算法为算法导论上介绍的算法.下一篇文章将详细介绍KMP算法的计算过程. 题 ...

  7. centos5.5开机自动启动服务的方法

    *** chkconfig --list 查看所有的***chkconfig --list smb 查看指定的输出的结果:httpd           0:off   1:off   2:off   ...

  8. plupload 异步上传插件使用心得

    plupload 可以不依赖jquery,并且提供了 html5,flash,silverlight,html4 多种上传模式,使用起来比较简单,上一篇博客中介绍了其主要参数哈函数 一.简化用法 &l ...

  9. Angular - - angular.identity和angular.noop

    angular.identity 函数返回本身的第一个参数.这个函数一般用于函数风格. 格式:angular.identity() 使用代码: (function () { angular.modul ...

  10. 使用原始XML资源——使用原始XML文件

    下面为示例程序添加一个原始的XML文件,将该XML文件放到/res/xml目录下,该XML文件的内容很简单.XML资源的内容如下. 程序清单:  \res\xml\books.xml文件 <?x ...