`

基本过滤选择器

 
阅读更多
  1. 基本过滤选择器有一下几种: 
    $(function(){ //增加第一个元素的类别,获取第一个元素   返回值单个元素  
                  $("li:first").addClass("GetFocus");  
                })  
                $(function(){ //增加最后一个元素的类别,获取最后一个元素   返回值单个元素  
                  $("li:last").addClass("GetFocus");  
                })  
                $(function(){ //增加去除所有与给定选择器匹配的元素类别   返回值元素集合   
                  $("li:not(.NotClass)").addClass("GetFocus");  
                })  
                $(function(){ //增加所有索引值为偶数的元素类别,从0开始计数  返回值元素集合   
                  $("li:even").addClass("GetFocus");  
                })  
                $(function(){ //增加所有索引值为奇数的元素类别,从0开始计数   返回值元素集合   
                  $("li:odd").addClass("GetFocus");  
                })  
                $(function(){ //增加一个给定索引值的元素类别,从0开始计数   返回值单个元素  
                  $("li:eq(1)").addClass("GetFocus");  
                })  
                $(function(){ //增加所有大于给定索引值的元素类别,从0开始计数  返回值元素集合   
                  $("li:gt(1)").addClass("GetFocus");  
                })  
                $(function(){ //增加所有小于给定索引值的元素类别,从0开始计数  返回值元素集合  
                  $("li:lt(4)").addClass("GetFocus");  
                })  
                $(function(){ //增加标题类元素类别  
                  $("div h1").css("width","238");  
                  $(":header").addClass("GetFocus");  
                })  
                 
分享到:
评论

相关推荐

    jquery基本过滤选择器

    jquery基本过滤选择器举例、代码、html、可直接运行、学习jquery入门篇

    JQ 基本过滤选择器

    **JQ基本过滤选择器详解** 在Web开发中,jQuery(简称JQ)是一个非常流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。其中,选择器是jQuery的核心功能之一,它允许我们高效地选取DOM...

    jQuery选择器之基本过滤选择器用法实例分析

    本文实例讲述了jQuery选择器之基本过滤选择器用法。分享给大家供大家参考,具体如下: 前面一篇介绍了层次选择器,今天我们学习一下jQuery的另一种选择器:基本过滤选择器。过滤选择器可以过滤掉自己不想要的东西,...

    jQuery基本过滤选择器用法示例

    在给定的示例中,我们看到多个基本过滤选择器的使用,它们分别是`:first`、`:last`、`:not`、`:even`、`:odd`、`:eq`、`:gt`以及`:lt`。下面将详细介绍这些选择器的功能和用法。 1. **`:first`**:这个选择器用于...

    jQuery基本过滤选择器使用介绍

    代码如下: <... <head> <!– 1....简单过滤选择器是过滤选择器中使用最广泛的一种 jQuery选择器详解 根据所获取页面中元素的不同,可以将jQuery选择器分为:...使用jQuery基本过滤选择器</title> <!–

    jquery选择器之基本过滤选择器详解

    本篇文章将深入探讨jQuery的基本过滤选择器,并通过实例展示其用法。 1. `:first` `:first`选择器用于选取匹配集合中的第一个元素。在给定的HTML代码示例中,`$("tr:first").addClass("highlight")`会将表格中第一...

    jQuery选择器全集详解

    过滤选择器分为基本过滤选择器和内容过滤选择器,以及其他过滤器。基本过滤选择器包括选择第一个或最后一个元素,以及选取非特定元素。`$('span:first')`和`$('span:last')`分别选择第一个和最后一个`<span>`元素。`...

    jQuery选择器速查表

    - **基本过滤选择器**:例如`:first`选取第一个元素,`:last`选取最后一个元素,`:not(selector)`排除匹配的元素,`:even`选取偶数索引的元素,`:odd`选取奇数索引的元素,`:eq(index)`选取指定索引的元素,`:gt...

    jQuery选择器大全PDF

    1. **基本过滤选择器** - `:first`和`:last`分别选取序列中的第一个和最后一个元素。 - `:not(selector)`排除匹配`selector`的元素。 - `:even`和`:odd`基于索引选择偶数或奇数位置的元素。 - `:eq(index)`选取...

    jQuery选择器大全

    1. **基本过滤选择器** - `:first`和`:last`分别选取序列中的第一个和最后一个元素,如`$('span:first')`将首个`<span>`元素变为红色。 - `:not(selector)`排除符合特定条件的元素,如`$('div:not(.wrap)')`将除去...

    JQuery选择器特辑 详细小结

    - 基本过滤选择器:包括`:first`、`:last`、`:even`、`:odd`、`:eq(index)`、`:gt(index)`、`:lt(index)`、`:header`、`:animated`等,分别用于选取第一个、最后一个、偶数位置、奇数位置、特定索引、大于特定索引、...

    jQuery选择器

    - **基本过滤选择器**: - `:first` - 选取第一个元素。 - `:last` - 选取最后一个元素。 - `:not(selector)` - 去除所有与给定选择器匹配的元素。 - `:even` - 选取索引是偶数的所有元素,从0开始计数。 - `:...

    JQ 可见性过滤选择器

    本篇文章将深入探讨jQuery中的一个关键功能——可见性过滤选择器,它允许我们根据元素的可见状态来选择和操作DOM元素。通过了解这个功能,我们可以更高效地控制页面上的元素显示和隐藏。 首先,`:visible`和`:...

    jQuery简单选择器

    - **基本过滤选择器**: - `:first`:选取集合中的第一个元素,例如`$("div:first")`会选择第一个`<div>`元素。 - `:last`:选取集合中的最后一个元素,例如`$("div:last")`会选择最后一个`<div>`元素。 - `:not...

    jQuery权威指南

    两个综合案例(图片切割,在线聊天室),118个示例(JavaScript隔行变色,jQuery选择器隔行变色,JavaScript输出文字信息,jQuery输出文字信息,基本选择器选择元素,层次选择器选择元素,基本过滤选择器选择元素,...

    jquerydemo

    5. 基本过滤选择器 6. 内容过滤选择器 7. 可见性过滤选择器 8. 属性过滤选择器 9. 子元素过滤选择器 10. 表单元素过滤选择器 11. 小结1 12. 选择器练习 13. 创建和插入节点 14. 重写 JS 实验之分类添加内容 15. ...

Global site tag (gtag.js) - Google Analytics