增强基本选择器[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. acdream 1725 哗啦啦的小彭玉染色问题 离散化并查集

    哗啦啦的小彭玉染色问题 Time Limit: 1 Sec  Memory Limit: 256 MB 题目连接 http://acdream.info/problem?pid=1725 Descri ...

  2. mysql max_allowed_packet 设置

    mysql根据my.cnf中max_allowed_packet的大小来限制接收到的数据包大小. 据官网描述,如下图. 数据包的值范围为1k~1G, 只能是1024的倍数,不能整除1024的,会向下取 ...

  3. 使用Mysql慢查询日志对有效率问题的SQL进行监控

    输入命令:show variables like 'slow%' 可以发现 slow_query_log 为 OFF(默认),表示未开启慢查询日志 slow_query_log_file 为慢查询日志 ...

  4. struts2自动接收表单数据

    提交页面主要代码: <form method="post" action="messageAction">   <input type=&qu ...

  5. JS返回数组种类和个数（面试常问）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. chromium的安装程序

    转自:http://www.xue163.com/182/6/1822338.html#pinglun 这篇文章主要简单讲解chromium的安装程序mini_installer 在编译mini_in ...

  7. 一个 forceLayout() 和 requestLayout() 的测试

    两个view: 一个是系统默认的FrameLayout,  A 一个是自己自定义的MyView extends View,重载了onMeasure函数(): B @Override protected ...

  8. 数字锁相环Octave仿真

    clc; clear all; % 仿真数据长度 SimLens = 1000; % 载波信号 Fs = 2400; Ts = 1 / Fs; Fsig = 60; % 随机初相 Delta_Phas ...

  9. Android系统信息获取

    在Android中可以通过android.os.Build这个类和System.getProperty(“xxx”);来获取设备信息,下面列举的常见设备信息摘自Android群英传 Build.BOA ...

  10. Orchard运用 - 设置网站Favicon标识

    Favicon其实是访问其网站时在浏览器地址栏最前边呈现的类似logo的图标,可以作为品牌的标识,一般是其网站logo的缩小版并一般是ico格式的图片.详细解释可看这里: Favicon - 维基百科 ...