增强基本选择器[selector_3.html]
$("ul li:first")
$("ul li:last")
$("table tr:even")
$("table tr:odd")
$("table tr:eq(0)")
$("table tr:gt(0)")
$("table tr:lt(2)")
$(":header")
$(":checkbox:not(:checked)")选择所有未选中的复选框。

 <html>

   <head>

     <meta http-equiv="content-type" content="text/html; charset=UTF-8">

     <script type="text/javascript" src="../js/jquery-1.8.2.js"></script>

   </head>

   <body>

     <ul>

         <li>list item 1</li>

         <li>list item 2</li>

         <li>list item 3</li>

         <li>list item 4</li>

         <li>list item 5</li>

     </ul>

     <input type="checkbox" checked/>

     <input type="checkbox" checked/>

     <input type="checkbox"/>

     <table border="1">

       <tr><td>line1[0]</td></tr>

       <tr>

           <td>line2[1]</td>

       </tr>

       <tr><td>line3[2]</td></tr>

     </table>

     <h1>h1</h1>

     <h2>h2</h2>

     <h3>h3</h3>

     <h3>h4</h3>

     <h3>h5</h3>

     <h3>h6</h3>

     <p>p</p>

     <script type="text/javascript">

     /*1)查找UL中第一个元素的内容

         alert(   $("ul li:first").html()   );

         */

         //alert($("ul li:last").html() );

       /*2)查找UL中最后个元素的内容

         alert(   $("ul li:last").html()   );

         */

       /*4)查找表格的索引值为偶数的行个数，0,2,4,6,...

           alert( $("table tr:even").size() );

           */

           alert( $("table tr:odd").size() );

       /*5)查找表格的索引值为奇数的行个数，1,3,5,7,...

           alert( $("table tr:odd").size() );

           */

       /*6)查找表格中第二行的内容，从索引号0开始

           var $tr = $("table tr:eq(1)");

           var html = $tr.html();

           alert(html);

           */

           alert( $("table tr:eq(1)").html() );

       /*7)查找表格中第二第三行的个数，即索引值是1和2，也就是比0大

           var $tr = $("table tr:gt(0)");

           var size = $tr.size();

           alert(size);

           */ 

       /*8)查找表格中第一第二行的个数，即索引值是0和1，也就是比2小

           var $tr = $("table tr:lt(2)");

           var size = $tr.size();

           alert(size);

           */ 

       /*9)给页面内所有标题<h1><h2><h3>加上红色背景色

           $(":header").css("background-color","red");

           */

           $(":header").css("background-color","red");

       //3)查找所有未选中的input元素个数

          alert ( $(":checkbox:not(:checked)").size() );

     </script>

   </body>

 </html>

增强基本选择器[selector_3.html]的更多相关文章

  1. jquery 入门与知识

    一)什么是jQuery? [以封装的思想,重构<<图片显示和隐藏>>] 第三方组织预先写好的一些实用JS文件.类,方法,都统称为JS实用库,免费放在网上,同时配有相关的学习文档 ...

  2. jQuery九类选择器详解

    (1)基本选择器 <body> <div id="div1ID">div1</div> <div id="div2ID" ...

  3. Jquery 之 使用选择器

    jQuery选择器描述 jQuery选择器是jQuery框架的基础,jQuery对事件的处理.DOM操作.CSS动态控制.Ajax通信.动画设计都是在选择器基础上进行的.jQuery 选择器采用CSS ...

  4. 23、jQuery九类选择器/jQuery常用Method-API/jQuery常用Event-API

      1)掌握jQuery九类选择器及应用 2)掌握jQuery常用Method-API 3)掌握jQuery常用Event-API 一)jQuery九类选择器[参见jQueryAPI.chm手册] 目 ...

  5. jQuery 各种选择器 $.()用法

    jQuery 元素选择器jQuery 使用 CSS 选择器来选取 HTML 元素. $("p") 选取 <p> 元素. $("p.intro") 选 ...

  6. Jquery第二篇【选择器、DOM相关API、事件API】

    前言 前面已经介绍过了Jquery这门语言,其实就是一个javaScript的库-能够简化我们书写的代码-.本博文主要讲解使用Jquery定位HTML控件[定位控件就是获取HTML的标签],使用Jqu ...

  7. [CSS3]移动Web开发系列之CSS3增强型选择器

    css3是移动Web开发的主要技术之中的一个.当前.CSS3技术最适合在移动Web开发中使用的特性有增强的选择器.阴影.强大的背景设置 .圆角边框 接下来我们主要解说增强型的选择器.主要分两种,属性选 ...

  8. jQuery笔记---选择器

    查找API,jQuery选择器,定位标签 1.基本选择器 id定位标签 class属性定位标签 标签名定位标签 2.举例 <html> <head> <meta http ...

  9. jQuery九类选择器

    目的:通过选择器,能定位web页面(HTML/JSP/XML)中的任何标签, 注意:项目中,通常是多种选择器一起使用 基本选择器 <html> <head> <meta ...

随机推荐

  1. webstrom内置压缩工具YUI-compressor详解

    压缩工具层次不穷,各有优点,选择适合的压缩工具为将来做项目开发使用是一件很重要的事情!!在这介绍YUI-compressor 英文官网:http://yui.github.io/yuicompress ...

  2. 解决因为google cdn无法访问导致无法打开stackoverflow等网站的方法

    许多网站使用了Google的CDN来加速Jquery之类的库来加速网站访问,但由于方校长发福利的原因,导致这些网站很容易出现无法加载"ajax.googleapis.com"而出现 ...

  3. WPF中的导航框架（一）——概述

    有的时候,我们需要一个支持页面跳转的UI,例如文件浏览器,开始向导等.对于这样的界面,简单的可以使用ContentControl + ContentTemplateSelector的方式来实现,但是有 ...

  4. HDU 4678 Mine （2013多校8 1003题 博弈）

    Mine Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65535/32768 K (Java/Others)Total Submis ...

  5. JSON数据转换到POCO的代码

    转载:http://www.cnblogs.com/wintersun/archive/2012/09/14/2684708.html 在Visual Studio 2012中轻松把JSON数据转换到 ...

  6. vue项目条形码和二维码生成工具试用

    项目开发需要,优惠券分不同类型,简单的使用id生成条形码供店铺使用,麻烦点的需要多个字段的就需要使用二维码来展示了,对应的效果如下 条形码(一维码)使用工具code128 需引入code128.js ...

  7. Choosing an ORM strategy

    One of the mistakes I see people make (and have made myself) is assuming that you must choose exactl ...

  8. ArcGIS Engine中空间参照(地理坐标)相关方法总结转

    ArcGIS Engine中空间参照(地理坐标)相关方法总结 来自:http://blog.csdn.net/u011170962/article/details/38776101 1.创建空间参考 ...

  9. debian下安装mysql

    apt-get install mysql-client mysql-server 中间会要你设置password,设置后后就自己主动启动mysql了 能够用ps -ef|grep mysql 这样能 ...

  10. SharePoint 2013 代码创建应用程序目录(App Catalog)

    众所周知,SharePoint App是2013版本的一大特色,那么,关于App的分发有几种方式呢?SharePoint给我们提供了两种方式,一种是上载到SharePoint应用商店,另一种是在本地S ...