ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码
当前位置:首页 >> 网页制作 >> Javascript教程 >> jquery 中多条件选择器,相对选择器,层次选择器的区别

jquery 中多条件选择器,相对选择器,层次选择器的区别(1/2)

来源:网络整理     时间:2016-04-08     关键词:jQuery

本篇文章主要介绍了"jquery 中多条件选择器,相对选择器,层次选择器的区别",主要涉及到jQuery方面的内容,对于Javascript教程感兴趣的同学可以参考一下: 一、Jquery常用的过滤选择器如下所示:1、:first,选取第一个元素,比如$("div:first")选取第一个div元素2、:last,选取最后一个元素...

一、Jquery常用的过滤选择器如下所示:

1、:first,选取第一个元素,比如$("div:first")选取第一个div元素

2、:last,选取最后一个元素,比如$("div:last")选取最后一个div元素

3、:not(选择器),选取不满足“选择器”条件的元素,比如$("div:not(.className)"),选取样式不是className的所有div元素

4、:even/:odd,选取索引为偶数/奇数的元素,比如$("div:even"),选取索引号为偶数的所有div元素

5、:eq(索引序号)/:gt(索引序号)/:lt(索引序号),选取等于索引号/大于索引号/小于索引号的元素,比如$("div:lt(3)"),选取索引号小于3的所有div元素

注意:

过滤选择器的混合使用时要记住后面的过滤条件是以前面的过滤选择器过滤后的重新序号为基础,即过滤的逐级性,比如

$("#t1 tr:gt(0):lt(3)").css("fontSize", "28");  //lt(3)是从gt(0)出的新序列中的序号,不要写成lt(4)

二,重点

多条件选择器
多条件选择器:$("p,div,span,menuitem"),同时选择p标签,div标签,和拥有menuitem样式的span标签元素
注意选择器表达式中的空格不能多不能少,易错!

相对选择器

只要在$()指定第二个参数,第二个参数为相对的元素。比如html代码如下

<table id="table1">

       <tr><td>dsds</td><td>dsfdef</td></tr>

       <tr><td>dsds</td><td>dsfdef</td></tr>

       <tr><td>dsds</td><td>dsfdef</td></tr>

       <tr><td>dsds</td><td>dsfdef</td></tr>

       <tr><td>dsds</td><td>dsfdef</td></tr>

   </table>

$("td", $(this)).css("background", "red"),这句代码用的就是相对选择器,选择出的td是以当前的tr为相对的元素。选择的td元素是当前的tr元素下的所有td元素,没有涉及到其他行的td元素

<script type="text/javascript">

      $(function () {

相关图片

相关文章