juqery 学习之四 筛选查找_jquery
add(expr)
返回值
jQuery
参数
expr (String, DOMElement, Array
示例
添加一个新元素到一组匹配的元素中,并且这个新元素能匹配给定的表达式。
HTML 代码:
Hello
Hello AgainjQuery 代码:
结果:
Hello
, Hello Again ]动态生成一个元素并添加至匹配的元素中
HTML 代码:
Hello
jQuery 代码:
结果:
Hello
, Hello Again ]为匹配的元素添加一个或者多个元素
HTML 代码:
Hello
Hello Again
jQuery 代码:
结果:
Hello
,Hello Again
, Hello Again ]----------------------------------------------------------------------------------------------------------------
children([expr])
返回值
jQuery
参数
expr (String) : (可选) 用以过滤子元素的表达式
示例
查找DIV中的每个子元素。
HTML 代码:
Hello
And Again
jQuery 代码:
结果:
在每个div中查找 .selected 的类。
HTML 代码:
Hello Again
And Again
jQuery 代码:
结果:
Hello Again
]----------------------------------------------------------------------------------------------------------------
contents()
返回值
jQuery
示例
查找所有文本节点并加粗
HTML 代码:
Hello John, how are you doing?
jQuery 代码:
结果:
Hello John, how are you doing?
往一个空框架中加些内容
HTML 代码:
jQuery 代码:
----------------------------------------------------------------------------------------------------------------
find(expr)
返回值
jQuery
参数
expr (String) :用于查找的表达式
示例
从所有的段落开始,进一步搜索下面的span元素。与$("p span")相同。
HTML 代码:
Hello, how are you?
jQuery 代码:
结果:
----------------------------------------------------------------------------------------------------------------
next([expr])
返回值
jQuery
参数
expr (String) : (可选) 用于筛选的表达式
示例
找到每个段落的后面紧邻的同辈元素。
HTML 代码:
Hello
Hello Again
jQuery 代码:
结果:
Hello Again
,找到每个段落的后面紧邻的同辈元素中类名为selected的元素。
HTML 代码:
Hello
Hello Again
jQuery 代码:
结果:
Hello Again
]----------------------------------------------------------------------------------------------------------------
nextAll([expr])
返回值
jQuery
参数
expr (String) : (可选)用来过滤的表达式
示例
给第一个div之后的所有元素加个类
HTML 代码:
jQuery 代码:
结果:
----------------------------------------------------------------------------------------------------------------
parent([expr])
返回值
jQuery
参数
expr (String) : (可选)用来筛选的表达式
示例
查找每个段落的父元素
HTML 代码:
Hello
Hello
jQuery 代码:
结果:
Hello
Hello
上一篇: php 进阶:活用数组来完成强大的功能
下一篇: 优化PHP程序的方法小结_PHP教程
推荐阅读
-
juqery 学习之五 文档处理 插入_jquery
-
jQuery帮助之筛选查找 children([expr])_jquery
-
juqery 学习之五 文档处理 插入_jquery
-
juqery 学习之六 CSS--css、位置、宽高_jquery
-
juqery 学习之四 筛选查找_jquery
-
JQuery 学习笔记 选择器之四_jquery
-
jQuery帮助之筛选查找 children([expr])_jquery
-
juqery 学习之六 CSS--css、位置、宽高_jquery
-
juqery 学习之五 文档处理 包裹、替换、删除、复制_jquery
-
juqery 学习之四 筛选查找_jquery