《jQuery Cookbook中文版》——1.8 将前一个选择集包含到当前选择集

简介:

本节书摘来自异步社区《jQuery Cookbook中文版》一书中的第1章,第1.8节,作者:【美】jQuery社区专家组 译者:姚军 , 孙博更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.8 将前一个选择集包含到当前选择集

1.8.1 问题
你刚刚对一组元素进行操纵,获得新的元素集。但是,你想同时操作前一个元素集和当前元素集。

1.8.2 解决方案
可以用andSelf()方法合并前一个DOM元素选择集和当前选择集。例如,在下面的代码中,首先选择页面上的所有screenshot元素。接下来,操纵这组元素,寻找screenshot元素中的所有screenshot元素。现在,为了同时操作screenshotscreenshot中找到的screenshot元素,可以用andSelf()方法将![screenshot](https://yqfile.alicdn.com/70f52922812d7d80df10dadeebdba7ecac911
1d7.png)包含到当前集合。如果省略andSelf(),边框颜色将只应用到screenshot元素:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div>
<p>Paragraph</p>
<p>Paragraph</p>
</div>
<script type="text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/JavaScript">
   jQuery('div').find('p').andSelf().css('border','1px solid #993300');
</script>
</body>
</html>

1.8.3 讨论
记住,当使用andSelf()方法时,它只向当前操作集合中添加前一个集合,而不是以前选择的所有集合。

相关文章
|
JavaScript
jQuery选择集转移
选择集转移就是以选择的标签为参照,然后获取转移后的标签
111 0
|
JavaScript 前端开发 索引
jQuery选择集过滤
选择集过滤就是在选择标签的集合里面过滤自己需要的标签
119 0
|
JavaScript 前端开发 测试技术
《jQuery Cookbook中文版》——导读
jQuery的入门非常容易,但是和许多用于开发网站的工具一样,完全体会到它的广度和深度需要花费几个月甚至几年的时间。这个程序库充满了你从未想象过的特性。一旦你了解了这些特性,这些特性就能够戏剧性地改变你解决问题的方法。
1545 0
|
JavaScript 前端开发
《jQuery Cookbook中文版》——1.17 在不造成全局冲突的情况下使用$别名
这样做的另一个好处是包含在匿名的自调用函数中的代码将运行于自己的私有作用域中。可以确信,在该函数中放置的任何内容都决不会和全局作用域中编写的任何其他JavaScript代码发生冲突。同样,为什么要冒编程冲突的风险?你要做的只不过是创建自己的私有作用域。
1043 0
|
JavaScript 前端开发
《jQuery Cookbook中文版》——1.16 获取和设置文本内容
重要的一点是,要记住text()方法与html()方法没有什么不同,唯一的例外是text()方法将对HTML进行转义(将<和>替换为HTML实体)。这意味着,如果在text()方法的字符串参数中放入标记,该方法会将这些标记转换为HTML实体(&lt;和&gt;)。
1017 0
|
JavaScript 前端开发 数据格式
《jQuery Cookbook中文版》——1.15 获取和设置HTML内容
本节书摘来自异步社区《jQuery Cookbook中文版》一书中的第1章,第1.15节,作者:【美】jQuery社区专家组著,更多章节内容可以访问云栖社区“异步社区”公众号查看
1024 0
|
JavaScript 前端开发
《jQuery Cookbook中文版》——1.12 替换DOM元素
本节书摘来自异步社区《jQuery Cookbook中文版》一书中的第1章,第1.12节,作者:【美】jQuery社区专家组著,更多章节内容可以访问云栖社区“异步社区”公众号查看
1219 0
|
JavaScript 前端开发
《jQuery Cookbook中文版》——1.10 创建、操作和插入DOM元素
在本秘诀中,向jQuery函数传递原始HTML字符串,这一参数被方法用来在运行中创建DOM元素。 还可以简单地向jQuery函数传递一个由DOM方法createElement()创建的DOM对象:
1363 0
|
JavaScript 索引
《jQuery Cookbook中文版》——1.9 根据当前上下文遍历DOM获得新的DOM元素集
处理遍历方法时需要牢记的第二个概念是许多方法都接受一个可选的参数,用于过滤选择集。我们仍然用链接的示例来说明这一点,看看如何修改代码,以便只选择最后一个<li>元素。
1119 0
|
前端开发 JavaScript
《jQuery Cookbook中文版》——1.8 将前一个选择集包含到当前选择集
可以用andSelf()方法合并前一个DOM元素选择集和当前选择集。例如,在下面的代码中,首先选择页面上的所有<div>元素。接下来,操纵这组元素,寻找< div>元素中的所有<p>元素。现在,为了同时操作<div>和<div>中找到的<p>元素,可以用andSelf()方法将<div>包含到当前集合。
1229 0