基本过滤选择器有一下几种:
$(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基本过滤选择器举例、代码、html、可直接运行、学习jquery入门篇
**JQ基本过滤选择器详解** 在Web开发中,jQuery(简称JQ)是一个非常流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。其中,选择器是jQuery的核心功能之一,它允许我们高效地选取DOM...
本文实例讲述了jQuery选择器之基本过滤选择器用法。分享给大家供大家参考,具体如下: 前面一篇介绍了层次选择器,今天我们学习一下jQuery的另一种选择器:基本过滤选择器。过滤选择器可以过滤掉自己不想要的东西,...
在给定的示例中,我们看到多个基本过滤选择器的使用,它们分别是`:first`、`:last`、`:not`、`:even`、`:odd`、`:eq`、`:gt`以及`:lt`。下面将详细介绍这些选择器的功能和用法。 1. **`:first`**:这个选择器用于...
代码如下: <... <head> <!– 1....简单过滤选择器是过滤选择器中使用最广泛的一种 jQuery选择器详解 根据所获取页面中元素的不同,可以将jQuery选择器分为:...使用jQuery基本过滤选择器</title> <!–
本篇文章将深入探讨jQuery的基本过滤选择器,并通过实例展示其用法。 1. `:first` `:first`选择器用于选取匹配集合中的第一个元素。在给定的HTML代码示例中,`$("tr:first").addClass("highlight")`会将表格中第一...
过滤选择器分为基本过滤选择器和内容过滤选择器,以及其他过滤器。基本过滤选择器包括选择第一个或最后一个元素,以及选取非特定元素。`$('span:first')`和`$('span:last')`分别选择第一个和最后一个`<span>`元素。`...
- **基本过滤选择器**:例如`:first`选取第一个元素,`:last`选取最后一个元素,`:not(selector)`排除匹配的元素,`:even`选取偶数索引的元素,`:odd`选取奇数索引的元素,`:eq(index)`选取指定索引的元素,`:gt...
1. **基本过滤选择器** - `:first`和`:last`分别选取序列中的第一个和最后一个元素。 - `:not(selector)`排除匹配`selector`的元素。 - `:even`和`:odd`基于索引选择偶数或奇数位置的元素。 - `:eq(index)`选取...
1. **基本过滤选择器** - `:first`和`:last`分别选取序列中的第一个和最后一个元素,如`$('span:first')`将首个`<span>`元素变为红色。 - `:not(selector)`排除符合特定条件的元素,如`$('div:not(.wrap)')`将除去...
- 基本过滤选择器:包括`:first`、`:last`、`:even`、`:odd`、`:eq(index)`、`:gt(index)`、`:lt(index)`、`:header`、`:animated`等,分别用于选取第一个、最后一个、偶数位置、奇数位置、特定索引、大于特定索引、...
- **基本过滤选择器**: - `:first` - 选取第一个元素。 - `:last` - 选取最后一个元素。 - `:not(selector)` - 去除所有与给定选择器匹配的元素。 - `:even` - 选取索引是偶数的所有元素,从0开始计数。 - `:...
本篇文章将深入探讨jQuery中的一个关键功能——可见性过滤选择器,它允许我们根据元素的可见状态来选择和操作DOM元素。通过了解这个功能,我们可以更高效地控制页面上的元素显示和隐藏。 首先,`:visible`和`:...
- **基本过滤选择器**: - `:first`:选取集合中的第一个元素,例如`$("div:first")`会选择第一个`<div>`元素。 - `:last`:选取集合中的最后一个元素,例如`$("div:last")`会选择最后一个`<div>`元素。 - `:not...
两个综合案例(图片切割,在线聊天室),118个示例(JavaScript隔行变色,jQuery选择器隔行变色,JavaScript输出文字信息,jQuery输出文字信息,基本选择器选择元素,层次选择器选择元素,基本过滤选择器选择元素,...
5. 基本过滤选择器 6. 内容过滤选择器 7. 可见性过滤选择器 8. 属性过滤选择器 9. 子元素过滤选择器 10. 表单元素过滤选择器 11. 小结1 12. 选择器练习 13. 创建和插入节点 14. 重写 JS 实验之分类添加内容 15. ...