jQuery学习教程,写更少的代码,做更多的事情(二)

简介: jQuery学习教程,写更少的代码,做更多的事情(二)

select menu

welcome the world。

想要了解全部的事件,可以查询一下这里事件

6> 选择所有标题元素

:header Selector

语法:

$(“:header”)

描述:

选择所有标题元素,像h1,h2,h3等。

7> 选择最后一个匹配元素

语法:

last Selector

描述:

选择最后一个匹配的元素。

8> 所有大于给定index(索引值)的元素

gt就是greater than 大于的意思。

:gt()Selector

语法:

( " : g t ( i n d e x ) " ) o r (":gt(index)") or(":gt(index)")or(“:gt(-index)”)

描述:

选择匹配集合中所有大于给定index(索引值)的元素。

9> 所有小于给定index(索引值)的元素

lt就是less than小于的意思。

:lt()Selector //这里是L不是i

语法:

( " : l t ( i n d e x ) " ) o r (":lt(index)")or(":lt(index)")or(“:lt(-index)”)

描述:

选择匹配集合中所有索引值小于给定index参数的元素

注意:这里的索引值不包括自身的!

例如:

TD #0TD #1TD #2 TD #3TD #4TD #5 TD #6TD #7TD #8

10>出去不匹配给定的选择器的元素

语法:

$(“:not(selector)”)

描述:

选择所有元素去除不匹配给定的选择器的元素

2.子元素过滤

====================================================================

1> 选择所有父级元素的第一个子元素

语法:

(“:first-child”)

描述:

选择所有父级元素下的第一个子元素。

例如:

111

222

333

111

222

333

111

222

333

2> 选择所有父级元素的最后一个子元素

语法:

(“:last-child”)

描述:

选择所有父级元素下的最后一个子元素。

3> 选择所有相同的元素名称的第一个兄弟元素

语法:

(“:first-of-type”)

描述:

选择所有相同的元素名称的第一个兄弟元素。

4> 选择所有元素之间具有相同元素名称的最后一个兄弟元素

语法:

(“:last-of-type”)

描述:

选择的所有元素之间具有相同元素名称的最后一个兄弟元素。

5> 选择他们所有父元素的第n个子元素

语法:

(“:nth-child(index/even/odd/equation)”)

描述:

选择的他们所有父元素的第n个子元素。

3.内容过滤

===================================================================

1> 选择所有包含指定文本的元素

语法:

(“:contains(text)”)

描述:

选择所有包含指定文本的元素。

例如:

jQuery 是一个 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程。

jQuery 很容易学习。

学,习

2> 选择所有没有子元素的元素

语法:

(“:empty”)

描述:

选择所有没有子元素的元素(包括文本节点)。

例如:

1 2 3

3> 选择元素其中至少包含指定选择器匹配的一种元素

语法:

(“:has(selector)”)

描述:

选择元素其中至少包含指定选择器匹配的的一种元素。

例如:

hello , 老铁。

hello , 靓仔。


相关文章
|
6月前
|
JavaScript
jQuery幸运大转盘抽奖活动代码
jQuery幸运大转盘抽奖活动代码
79 7
jQuery幸运大转盘抽奖活动代码
|
6月前
|
开发框架 JSON JavaScript
ASP.NET Core3.1实战教程---基于Jquery单文件上传
ASP.NET Core3.1实战教程---基于Jquery单文件上传
80 0
|
3月前
|
JavaScript
鼠标事件(点击换色)分别使用js和jQuery代码实现
鼠标事件(点击换色)分别使用js和jQuery代码实现
42 1
|
9天前
|
JavaScript
jQuery实现的星级打分带评价及颜色区分代码
jQuery实现的星级打分带评价及颜色区分效果代码是一款支持自定义评论颜色的星级评价打分,其中红色为一星级,差评、绿色位五星级、满分好评,本段代码适应于所有网页使用,有需要的朋友们就来下载使用吧。
17 2
|
5月前
|
设计模式 JavaScript 前端开发
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
61 1
|
2月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
5月前
|
开发框架 JavaScript 前端开发
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
44 0
|
5月前
|
JavaScript 前端开发
杨校老师课堂之Web前端JS类库_JQuery案例[效果图与代码齐全]
杨校老师课堂之Web前端JS类库_JQuery案例[效果图与代码齐全]
35 0
|
6月前
|
JavaScript
jQuery模态框弹窗提示代码
jQuery模态框弹窗提示代码
41 1
jQuery模态框弹窗提示代码
|
6月前
|
JSON JavaScript 数据格式
jQuery 树型菜单完整代码
jQuery 树型菜单完整代码