$(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. ucos内存管理原理详解

    应用程序中为了某种特殊需要,经常需要动态的分配内存,而操作系统的特质置一,就是能不能保证动态内存分配的时效性,也就是说分配时间是可确定的 Ucos提供内存分配功能,它将内存空间分为两级管理,将一块连续 ...

  2. stm32驱动DS1302芯片

    天时可以自动调整,且具有闰年补偿功能.工作电压宽达2.5-5.5V.采用双电源供电(主电源和备用电源),可设置备用电源充电方式,提供了对后背电源进行涓细电流充电的能力.DS1302的外部引脚分配如下图 ...

  3. objective-c之各种数值

    各种数值 NSArray和NSDictionary都只能存储对象,不能存储任何基本类型的数据,如int,float,struct.因此我们可以用对象来封装基本的数值. NSNumber Cocoa提供 ...

  4. 微信小程序之----video视频播放

    vidao 我现在看到的官方文档是不带danmu(弹幕)属性的,之前是有的,不过现在这个属性还可以生效.控制视频的状态可以根据video标签的唯一id得到一个对象实例.video组件并不具备actio ...

  5. webstrom 编码

    设置文件保存格式: webstrom的右下角选择你需要的编码

  6. 怎样编制excel序列目录

    怎样编制序列目录 原帖内容:http://www.excelpx.com/forum.php?mod=viewthread&tid=164190&extra=%26page%3D1&a ...

  7. C语言－数组

    C语言中使用数组来存储相同类型的大批量数据. 数组: 数组名:起名规则和变量名一样: 定义数组:数组每个元素存储的数据类型+数组名［常量(时表示数组分配存储数据类型的个数也就是长度)］＝{每个元素,以 ...

  8. iOS + UIWebView 实践

    1. 调用java script 现在只能实现弹出窗口 [self.m_webView stringByEvaluatingJavaScriptFromString:@"alert(1)&q ...

  9. Sigmoid函数

    Sigmoid函数是一个S型函数. Sigmoid函数的数学公式为: 它是常微分方程 的一个解. Sigmoid函数具有如下基本性质: 定义域为 值域为, 为有界函数 函数在定义域内为连续和光滑函数 ...

  10. Jenkins SSH timeout

    问题如下: Started by user carzone Building -test SSH: Connecting from host [jenkins232] SSH: Connecting ...