筛选 串联
来源:互联网 发布:浏览器java插件 编辑:程序博客网 时间:2024/04/25 12:04
add(expr|ele|html|obj[,con])
概述
把与表达式匹配的元素添加到jQuery对象中。这个函数可以用于连接分别与两个表达式匹配的元素结果集。
jQuery 1.4 中, .add()方法返回的结果将始终以元素在HTML文档中出现的顺序来排序,而不再是简单的添加。
参数
expr
一个用于匹配元素的选择器字符串。
elements
DOM元素。
html
HTML片段添加到匹配的元素。
jQuery object
一个jqeruy对象增加到匹配的元素
expr,context
expr:用于匹配元素并添加的表达式字符串,或者用于动态生成的HTML代码,如果是一个字符串数组则返回多个元素
context:作为待查找的 DOM 元素集、文档或 jQuery 对象。
示例
描述:
添加一个新元素到一组匹配的元素中,并且这个新元素能匹配给定的表达式。
HTML 代码:
<p>Hello</p><span>Hello Again</span>
jQuery 代码:
$("p").add("span")
结果:
[ <p>Hello</p>, <span>Hello Again</span> ]
描述:
动态生成一个元素并添加至匹配的元素中
HTML 代码:
<p>Hello</p>
jQuery 代码:
$("p").add("<span>Again</span>")
结果:
[ <p>Hello</p>, <span>Hello Again</span> ]
描述:
为匹配的元素添加一个或者多个元素
HTML 代码:
<p>Hello</p><p><span id="a">Hello Again</span></p>
jQuery 代码:
$("p").add(document.getElementById("a"))
结果:
[ <p>Hello</p>, <p><span id="a">Hello Again</span></p>, <span id="a">Hello Again</span> ]
andSelf()
V1.2概述
加入先前所选的加入当前元素中
对于筛选或查找后的元素,要加入先前所选元素时将会很有用。
示例
描述:
选取所有div以及内部的p,并加上border类
HTML 代码:
<div><p>First Paragraph</p><p>Second Paragraph</p></div>
jQuery 代码:
$("div").find("p").andSelf().addClass("border");
结果:
<div class="border"> <p class="border">First Paragraph</p> <p class="border">Second Paragraph</p></div>
contents()
V1.2概述
查找匹配元素内部所有的子节点(包括文本节点)。如果元素是一个iframe,则查找文档内容
示例
描述:
查找所有文本节点并加粗
HTML 代码:
<p>Hello <a href="http://ejohn.org/">John</a>, how are you doing?</p>
jQuery 代码:
$("p").contents().not("[nodeType=1]").wrap("<b/>");
结果:
<p><b>Hello</b> <a href="http://ejohn.org/">John</a>, <b>how are you doing?</b></p>
描述:
往一个空框架中加些内容
HTML 代码:
<iframe src="/index-blank.html" width="300" height="100"></iframe>
jQuery 代码:
$("iframe").contents().find("body") .append("I'm in an iframe!");
end()
V1.0概述
回到最近的一个"破坏性"操作之前。即,将匹配的元素列表变为前一次的状态。
如果之前没有破坏性操作,则返回一个空集。所谓的"破坏性"就是指任何改变所匹配的jQuery元素的操作。这包括在 Traversing 中任何返回一个jQuery对象的函数--'add', 'andSelf', 'children', 'filter', 'find', 'map', 'next', 'nextAll', 'not', 'parent', 'parents', 'prev', 'prevAll', 'siblings' and 'slice'--再加上 Manipulation 中的 'clone'。
示例
描述:
选取所有的p元素,查找并选取span子元素,然后再回过来选取p元素
HTML 代码:
<p><span>Hello</span>,how are you?</p>
jQuery 代码:
$("p").find("span").end()
结果:
[ <p><span>Hello</span> how are you?</p> ]
//后退一步再选
- 筛选 串联
- jQuery筛选--查找,串联
- jQuery帮助之筛选 串联 andSelf()、end()
- 筛选
- 筛选
- 筛选
- 串联电阻
- 串联电阻
- 串联过滤器
- 知识串联
- 电容电阻串联
- 等效串联电阻(ESR)
- 【动态规划】串联电阻
- 单词串联记忆 - 1
- 单词串联记忆 - 2
- 单词串联记忆 - 3
- 串联终端匹配
- 串联谐振电路
- eclipse中导入外部的jar
- Reverse Integer
- java中io流简单总结
- 经典(java版)排序算法的分析及实现之一直接插入排序
- OPNET初学心得
- 筛选 串联
- 收藏一些很励志的东西,不想学习时来看一看
- 【Topics】IPC: CPDistributedMessagingCenter (rocketbootstrap)
- DNA--简单就是美(无聊研究社)
- iOS 版本分布: 7、8 已占 96% 的份额 - 是时侯统一而忽略小六子了
- 多个关联连接,出现无查询结果---经验(oracle数据库)
- 漫谈科技界及技术
- oracle 定时任务job
- sqlite数据库下载安装和初步操作和所遇到的问题