增强基本选择器[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. URAL 1997 Those are not the droids you're looking for 二分图最大匹配

    Those are not the droids you're looking for 题目连接: http://acm.timus.ru/problem.aspx?space=1&num=1 ...

  2. Codeforces Round #303 (Div. 2) C. Woodcutters 贪心

    C. Woodcutters Time Limit: 20 Sec  Memory Limit: 256 MB 题目连接 http://codeforces.com/contest/545/probl ...

  3. 桥接模式：探索JDBC的接口

    目录概要 场景问题 假设要设计一个电脑商场管理系统的某个模块设计,电脑分为品牌和类型两个纬度,我们应该怎么解决?我们初学者最容易想到的办法就是利用继承的方式,那利用继承实现的类图又是什么样子呢?我们看 ...

  4. CentOS 6下搭建LAMP环境

    第一步,使用Xshell管理工具连接远程服务器 第二步,输入服务器账号密码登录远程服务器 如果centos内置的yum源可用的软件偏少或者版本过低,请更新! 首先备份/etc/yum.repos.d/ ...

  5. 设计模式 - 观察者模式(Observer Pattern) Java内置 用法

    观察者模式(Observer Pattern) Java内置 用法 本文地址: http://blog.csdn.net/caroline_wendy/article/details/26601659 ...

  6. IOS批量截取视频截图 UIImage mp4 IOS Video

    IOS批量截取视频截图 //生成截图 NSString *path = [NSHomeDirectory() stringByAppendingString:@"/Documents&quo ...

  7. 玩转windowbuilder pro

    windowbuilder,也就是原来的SWT Designer.Google收购了Instantiations,把它的工具也重新免费发布了. 下载地址:http://www.eclipse.org/ ...

  8. 如何写科技论文How to write a technical paper

    This is the evolving set of recommendations I share with my graduate students for technical writing. ...

  9. 数学图形(1.29) cochleoid曲线

    它也算是一种螺线吧 相关软件参见:数学图形可视化工具,使用自己定义语法的脚本代码生成数学图形.该软件免费开源.QQ交流群: 367752815 #http://www.mathcurve.com/co ...

  10. 怎么删除桌面右键"打开好桌道壁纸"

    “好桌道”是一款优秀的桌面美化工具,其中的子程序“好桌道壁纸”是其重要的组成部分,但是在卸载其子程序“好桌道壁纸”时,往往会在桌面的鼠标右键中残留下“打开好桌道壁纸”项,下面解密通过修改注册表的方式彻 ...