：first选择第一个元素。$（“div:first”）进行选择第一个<div>

:last 选择最后一个最后一个元素 $（"div:last"）选取最后一个<div>

[:not(选择器）]  选择不满足“选择器”条件的元素

　　$("input:not(.myclass)")选取样式名不是Myclass的<input>

:even :odd 选取的索引数是奇数和偶数的元素。(把第零行看作第一行开始计算)

　　$("input:even")选择索引是奇数的<input>

:eq(索引序号)。 ：gt(索引序号) :lt(索引序号)   选取索引等于。

　　　大于。小于索引序号的元素。比如 $("input:lt(1)")选取索引小于1的<input>

$(":header")选择所有的h1------h6的元素

$("div:animated")选择正在执行动画的<div>元素

 <!DOCTYPE html>

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

     <title>JQuery</title>

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

         <script type="text/javascript">

             $(function () {$("#change").click(function(){

                 $("#table1 td:even").css("background", "red");

                 $("#table1 td:odd").css("background", "gray");

                 $("#table1 td:first").css("font-size", "50px").css("background","yellow");

                 $("#table1 td:gt(0):lt(3)").css("font-size","30px");

             })

             }

             )

         </script>

 </head>

 <body bgcolor="blue">

     <table id="table1">

         <tr>

             <td>firstline</td>

         </tr>

         <tr>

             <td>secondline</td>

         </tr>

         <tr>

             <td>thirdline</td>

         </tr>

         <tr>

             <td>fourthline</td>

         </tr>

         <tr>

             <td>fifthline</td>

         </tr>

         <tr>

             <td>sixthline</td>

         </tr>

         <tr>

             <td>seventhline</td>

         </tr>

         <tr>

             <td>eightthline</td>

         </tr>

         <tr>

             <td>ninthline</td>

         </tr>

         <tr>

             <td>tenthline</td>

         </tr>

     </table>

     <input value="changecolor"type="button"id="change" onclick=""/>

 </body>

 </html>

$("table").click(function(){$("td",$(this)).css("background","red")});用法

 <!DOCTYPE html>

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

     <title>JQuery</title>

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

         <script type="text/javascript">

             $(function(){($("table").click(

                 function () { $("tr", $(this)).css("background", "white"); }))

             })

             //this 传递的是相对自己的对象的意思。就是只在被点击的这个对象里的标签上改变颜色

         </script>

 </head>

 <body bgcolor="blue">

     <table id="table1">

         </tr>

         <tr>

             <td>sixthline</td>

         </tr>

         <tr>

             <td>seventhline</td>

         </tr>

         <tr>

             <td>eightthline</td>

         </tr>

         <tr>

             <td>ninthline</td>

         </tr>

         <tr>

             <td>tenthline</td>

         </tr>

     </table>

         <table id="table2">

             <tr>

                 <td>firstline</td>

             </tr>

             <tr>

                 <td>secondline</td>

             </tr>

             <tr>

                 <td>thirdline</td>

             </tr>

             <tr>

                 <td>fourthline</td>

             </tr>

             <tr>

                 <td>fifthline</td>

             </tr>

         </table>

         <input value="changecolor" type="button" id="change" onclick="" />

 </body>

 </html>

$("div[id]") 选取有id属性的div

$(div[title=test") 选取title==test的<div>

$("div[title!=test]")选取title属性不为test的<div>

$("#form1:disabled")//获得表单中所有未启用的控件

$("#form2:enabled")获得表单中所有启用的控件

#("input:checked")input中所有被选中的属性

 <!DOCTYPE html>

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

     <title>JQuery</title>

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

         <script type="text/javascript">

             $(function () {

                 $("#selectall").click(function () {

                     var elements = $("input[type=checkbox]");

                     for (var i = 0; i < elements.length; i++)

                         elements[i].checked = true;

                 })

             })

             $(function () {

                 $("#reverse").click(

                     function () {

                         var elements = $("input[type=checkbox]");

                         for (var i = 0; i < elements.length; i++) {

                             if (elements[i].checked ==false)

                                 elements[i].checked = true;

                             else elements[i].checked = false;

                         }

                     });

             })

         </script>

 </head>

 <body bgcolor="blue">

     <input type="checkbox">a<br/>

     <input type="checkbox">b<br />

     <input type="checkbox">c<br />

     <input type="checkbox">d<br />

     <input type="checkbox">e<br />

     <input type="checkbox">f<br />

     <input type="checkbox">g<br />

     <input type="button"id="selectall" value="全选"/>

     <input type="button"id="reverse"  value="反选" />

 </body>

 </html>
 <!DOCTYPE html>

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

     <title>JQuery</title>

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

         <script type="text/javascript">

             $(function () {

                 $('input').change(function () {

                     var names=new Array();

                     $("input:checked").each(function(key,value){names[key]=$(value).val();});

                     $('#msgname').text("一共选中了"+names.length+"项,"+names.join("."));

                 });

             })

             $(function () {

                 var link = $("<a href='http//:www.qq.com'>百度</a>");

                 $("div:first").append(link);

             })

             $(function () {

                 var data = {"新浪":"http://www.xinlang.com",

                     "腾讯":"http://www.qq.com","网易":"http://www.163.com"

                 ,"淘宝":"http://www.taobao.com"};

                 $.each(data,function(key,value){

                     var tr = $("<td><a href='" + value + "'>" + key + "</a></td>");

                     $("#tablesite").append(tr);

                 });

             })

         </script>

 </head>

 <body bgcolor="blue">

     <input type="checkbox"value="a">a<br/>

     <input type="checkbox"value="b">b<br />

     <input type="checkbox"value="c">c<br />

     <input type="checkbox"value="d">d<br />

     <input type="checkbox"value="e">e<br />

     <input type="checkbox"value="f">f<br />

     <input type="checkbox"value="g">g<br />

     <p id="msgname"></p>

     <div></div>

     <table id="tablesite">

     </table>

 </body>

 </html>

JQuery学习四（过滤选择器）的更多相关文章

  1. jQuery学习之过滤选择器

    基本过滤选择器 :first 选取第一个元素:$("div:first") :last 选取最后一个元素:$("div:last") :not(selector ...

  2. JQuery学习笔记——层级选择器

    JQuery学习笔记--层级选择器 上一篇学习了基础的五种选择,分别是id选择器,class选择器,element选择器,*选择器 和 并列选择器.根据手册大纲,这篇学习的是层级选择器. 选择器: 1 ...

  3. Jquery | 基础 | 使用 jQuery 表单过滤选择器

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. jQuery事件篇---过滤选择器 & 表单选择器

    内容提纲: 过滤选择器 1.基本过滤器 2.内容过滤器 3.可见性过滤器 4.子元素过滤器 5.其他方法 表单选择器 6.常规选择器 7.表单选择器 8.表单过滤器 发文不易,转载请注明出处! 过滤选 ...

  5. jQuery学习笔记(2)-选择器的使用

    一.选择器是什么 有了jQuery的选择器,我们几乎可以获取页面上任意一个或一组对象 二.Dom对象和jQuery包装集 1.Dom对象 JavaScript中获取Dom对象的方式 <div i ...

  6. jQuery之属性过滤选择器

    转自:http://blog.csdn.net/woshisap/article/details/7341136 在HTML文档中,元素的开始标记中通常包含有多个属性(attribute), 在jQu ...

  7. JQuery学习笔记——基础选择器

    第一篇博客,现在原生安卓需求不大了.招聘的Android工程师都需要附带更多的其他技术.这也是开启我学习前端之路的开端.前端时间看了HTML.CSS等,在界面渲染这一块,就不多记录博客了.现在学习着J ...

  8. 黑马day16 jquery&amp;属性过滤选择器

    属性过滤选择器的过滤规则是通过元素的属性来获取对应的元素 .[attribute] 使用方法: $("div[id]") ;  返回值  集合元素 说明:匹配包括给定属性的元素.样 ...

  9. 黑马day16 jquery&amp;内容过滤选择器&amp;可见度选择器

    内容过滤选择器的过滤规则主要体如今它所包括的子元素和文本内容上 .:contains(text) 使用方法: $("div:contains('John')")    返回值  集 ...

  10. Jquery | 基础 | 属性过滤选择器

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

随机推荐

  1. Java进阶知识点:服务端高并发的基石 - NIO与Reactor AIO与Proactor

    一.背景 要提升服务器的并发处理能力,通常有两大方向的思路. 1.系统架构层面.比如负载均衡.多级缓存.单元化部署等等. 2.单节点优化层面.比如修复代码级别的性能Bug.JVM参数调优.IO优化等等 ...

  2. BZOJ 1503 郁闷的出纳员（平衡树）（NOI 2004）

    题目链接:http://www.lydsy.com/JudgeOnline/problem.php?id=1503 Description OIER公司是一家大型专业化软件公司,有着数以万计的员工.作 ...

  3. java通过控制鼠标实现屏幕广播

    在java实现屏幕共享的小程序中提到截取屏幕时是没鼠标,为了看到教师端界面上的鼠标,可以在截取屏幕的时候,把鼠标绘制到每一张截图上去,但是由于截图的时候是一张张截取的,所以看到的鼠标难免会有点卡,之前 ...

  4. Python基础1 Hello World!

    从今天开始和大家分享一下python最基础的知识,以便帮助初学者快速入门. 最最基础的当然是hello world 了,无论哪门语言都会从它开始... 简单的‘Hello World!’ 1. 直接运 ...

  5. 《Debian标准教程》摘录2则

    1.克隆Debian系统 如果使用的Debian系统只有使用apt安装的软件包,可以使用下面的脚本来安装一个完全一样的新系统. #在源主机上 dpkg --get-selections > se ...

  6. 转 Redis集群技术及Codis实践

    转  Redis集群技术及Codis实践 转自 :http://blog.51cto.com/navyaijm/1637688 codis开源地址:https://github.com/CodisLa ...

  7. 【.NET】- Task.Run 和 Task.Factory.StartNew 区别

    Task.Run 是在 dotnet framework 4.5 之后才可以使用, Task.Factory.StartNew 可以使用比 Task.Run 更多的参数,可以做到更多的定制. 可以认为 ...

  8. WriteLine(ls.ToString())；Console.WriteLine(ls);输出结果相同，为什么要加 .ToString()

    using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace Test ...

  9. 内核blackhole

    1) 当arp表项不存在的时候,数据包等待表项存在了再发,还是直接把数据包给丢掉; 2)如果网络目的地址不可达,是在那一层把数据丢弃,再是路由层就判断还是arp层呢?

  10. 【bzoj1441】Min 扩展裴蜀定理

    题目描述 给出n个数(A1...An)现求一组整数序列(X1...Xn)使得S=A1*X1+...An*Xn>0,且S的值最小 输入 第一行给出数字N,代表有N个数 下面一行给出N个数 输出 S ...