add(expr)
返回值
jQuery
参数
expr (String, DOMElement, Array<DOMElement>) : 用于匹配元素并添加的表达式字符串，或者用于动态生成的HTML代码，如果是一个字符串数组则返回多个元素
示例
添加一个新元素到一组匹配的元素中，并且这个新元素能匹配给定的表达式。
HTML 代码:
jQuery 代码:
结果:
动态生成一个元素并添加至匹配的元素中
HTML 代码:
jQuery 代码:
结果:
为匹配的元素添加一个或者多个元素
HTML 代码:
jQuery 代码:
结果:
----------------------------------------------------------------------------------------------------------------
children([expr])
返回值
jQuery
参数
expr (String) : (可选) 用以过滤子元素的表达式
示例
查找DIV中的每个子元素。
HTML 代码:
jQuery 代码:
结果:
在每个div中查找 .selected 的类。
HTML 代码:
jQuery 代码:
结果:
----------------------------------------------------------------------------------------------------------------
contents()
返回值
jQuery
示例
查找所有文本节点并加粗
HTML 代码:
jQuery 代码:
结果:
往一个空框架中加些内容
HTML 代码:
jQuery 代码:
----------------------------------------------------------------------------------------------------------------
find(expr)
返回值
jQuery
参数
expr (String) :用于查找的表达式
示例
从所有的段落开始，进一步搜索下面的span元素。与$("p span")相同。
HTML 代码:
jQuery 代码:
结果:
----------------------------------------------------------------------------------------------------------------
next([expr])
返回值
jQuery
参数
expr (String) : (可选) 用于筛选的表达式
示例
找到每个段落的后面紧邻的同辈元素。
HTML 代码:
jQuery 代码:
结果:
找到每个段落的后面紧邻的同辈元素中类名为selected的元素。
HTML 代码:
jQuery 代码:
结果:
----------------------------------------------------------------------------------------------------------------
nextAll([expr])
返回值
jQuery
参数
expr (String) : (可选)用来过滤的表达式
示例
给第一个div之后的所有元素加个类
HTML 代码:
jQuery 代码:
结果:
----------------------------------------------------------------------------------------------------------------
parent([expr])
返回值
jQuery
参数
expr (String) : (可选)用来筛选的表达式
示例
查找每个段落的父元素
HTML 代码:
jQuery 代码:
结果:
查找段落的父元素中每个类名为selected的父元素。
HTML 代码:
jQuery 代码:
结果:
----------------------------------------------------------------------------------------------------------------
parents([expr])
返回值
jQuery
参数
expr (String) : (可选) 用于筛选祖先元素的表达式
示例
找到每个span元素的所有祖先元素。
HTML 代码:
jQuery 代码:
找到每个span的所有是p元素的祖先元素。
jQuery 代码:
----------------------------------------------------------------------------------------------------------------
prev([expr])
返回值
jQuery
参数
expr (String) : (可选) 用于筛选前一个同辈元素的表达式
示例
找到每个段落紧邻的前一个同辈元素。
HTML 代码:
jQuery 代码:
结果:
找到每个段落紧邻的前一个同辈元素中类名为selected的元素。
HTML 代码:
jQuery 代码:
结果:
----------------------------------------------------------------------------------------------------------------
prevAll([expr])
返回值
jQuery
参数
expr (String) : (可选) 用于过滤的表达式
示例
给最后一个之前的所有div加上一个类
HTML 代码:
jQuery 代码:
结果:
----------------------------------------------------------------------------------------------------------------
siblings([expr])
返回值
jQuery
参数
expr (String) : (可选) 用于筛选同辈元素的表达式
示例
找到每个div的所有同辈元素。
HTML 代码:
jQuery 代码:
结果:
找到每个div的所有同辈元素中带有类名为selected的元素。
HTML 代码:
jQuery 代码:
结果:
andSelf()
返回值
jQuery
示例
选取所有div以及内部的p，并加上border类
HTML 代码:
jQuery 代码:
结果:
end()
返回值
jQuery
示例
选取所有的p元素，查找并选取span子元素，然后再回过来选取p元素
HTML 代码:
jQuery 代码:
结果: