增强基本选择器[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. VK Cup 2016 - Qualification Round 2 A. Home Numbers 水题

    A. Home Numbers 题目连接: http://www.codeforces.com/contest/638/problem/A Description The main street of ...

  2. asp.net 链接数据库ADO.NET

    web.config <configuration> <connectionStrings> <add name="constr" connectio ...

  3. Android Material Design-Working with Drawables(使用Drawable)-(五)

    转载请注明出处:http://blog.csdn.net/bbld_/article/details/40584331 翻译自:http://developer.android.com/trainin ...

  4. vCard : a file format standard for electronic business cards

    http://zh.wikipedia.org/wiki/VCard vCard是电子名片的文件格式标准.它一般附加在电子邮件之后,但也可以用于其它场合(如在互联网上相互交换). vCard可包含的信 ...

  5. HTTP Error 404.2 - Not Found The page you are requesting cannot be served because of the ISAPI and CGI Restriction list settings on the Web server(转)

    今天公司的同事問我,為什麼同一支程式在自己的電腦OK,部署到Server上會出現下面的錯誤 我想,沒有錯啊~ 我在這台Server所部署的程式一向都是OK的 看了錯誤的Error page, 發現是I ...

  6. .net程序保护方式大观

    .net软件保护方式大观 最近调试一个运行于.net 2.0下的软件,发现该软件使用的保护方式很具有代表性,基本囊括了现在.net下的所有保护措施.实践证明,这些保护措施就像全真七子,单打独斗功力差了 ...

  7. wget 下载文件重进行命名

    wget在下载的时候就重命名的: wget -c "www.baidu.com" -O baidu.index.html 保存输出日至,可以使用: wget -c "ww ...

  8. 【堆栈平衡的说明太有才了】转贴自Jim&#39;s blog

    先说明.原发者iso9001 http://www.ghoffice.com/bbs/read.php?tid-35165.html他提供的地址(当他是个指针好了:P)http://ajiannet. ...

  9. 对java3d的位置理解

    以一个圆柱体为例: 圆柱体的一个特征点假设为(0,0,0),如下图示: 当特征点变为(0,0.4f,0)时,我们看到的圆柱体就如下所示: 当特征点变为(0,0.8f,0)时,我们看到的圆柱体就如下所示 ...

  10. java.lang.Integer can not be cast to java.lang.Long

    hibernate 查询出来的结果 id 是int类型,xml文件配置的是int, 在jython 中调用hibernate 进行查询.字段的类型是java.lang.Long, 直接将id 传进去, ...