jQuery的 .add 很像一个collection, 官方的这个demo很形象的表达了这个意思。

 <!doctype html>

 <html lang="en">

 <head>

 <meta charset="utf-8">

 <title>add demo</title>

 <script src="//code.jquery.com/jquery-1.10.2.js"></script>

 </head>

 <body>

 <p>Hello</p>

 <span id="a">Hello Again</span>

 <script>

 var collection = $( "p" );

 // Capture the new collection

 collection = collection.add( document.getElementById( "a" ) );

 collection.css( "background", "yellow" );

 </script>

 </body>

 </html>

虽然像collection, 但注意下面的不同：

var pdiv = $("p");

pdiv.add("div")

pdiv.css("background-color", "green" );

上面的代码， 只p背景色变为绿, div的背景色不变。

改为下面这样，div的背景色才会也变成绿色。

var pdiv = $("p");

pdiv = pdiv.add("div")

pdiv.css("background-color", "green" );

这种“断链”的问题同样表现在下面的demo中，（jQuery官网中的Examples中）

 <!doctype html>

 <html lang="en">

 <head>

   <meta charset="utf-8">

   <title>add demo</title>

   <style>

   div {

     width: 60px;

     height: 60px;

     margin: 10px;

     float: left;

   }

   p {

     clear: left;

     font-weight: bold;

     font-size: 16px;

     color: blue;

     margin: 0 10px;

     padding: 2px;

   }

   </style>

   <script src="//code.jquery.com/jquery-1.10.2.js"></script>

 </head>

 <body>

 <div></div>

 <div></div>

 <div></div>

 <div></div>

 <div></div>

 <div></div>

 <p>Added this... (notice no border)</p>

 <script>

 $( "div" ).css( "border", "2px solid red" )

   .add( "p" )

   .css( "background", "yellow" );

 </script>

 </body>

 </html>

API - .add()的更多相关文章

  1. sharepoint rest api Add ListItem 报错

    Recently, I was trying to create a list item using Rest API on Sharepoint 2013. I got the following ...

  2. [转载] FFmpeg API 变更记录

    最近一两年内FFmpeg项目发展的速度很快,本来是一件好事.但是随之而来的问题就是其API(接口函数)一直在发生变动.这么一来基于旧一点版本的FFmpeg的程序的代码在最新的类库上可能就跑不通了. 例 ...

  3. 【windows核心编程】一个API拦截的例子

    API拦截 修改PE文件导入段中的导入函数地址 为 新的函数地址 这涉及PE文件格式中的导入表和IAT,PE文件中每个隐式链接的DLL对应一个IMAGE_IMPORT_DESCRIPTOR描述符结构, ...

  4. FFmpeg API 变更记录

    最近一两年内FFmpeg项目发展的速度很快,本来是一件好事.但是随之而来的问题就是其API(接口函数)一直在发生变动.这么一来基于旧一点版本的FFmpeg的程序的代码在最新的类库上可能就跑不通了. 例 ...

  5. 使用 Flask-Docs 自动生成 Api 文档

    影响我写文档的原因可能是代码和文档分离,有时候写完代码会忘记补文档,而且不能及时查看,使用 Flask-Docs 可以解决我的问题,这个插件可以根据代码注释生成文档页面,代码注释改动文档可以及时更新, ...

  6. Jquery API学习笔记

    学习网站 JQuery API 中文网: http://www.jquery123.com/ 学习一遍API可以更熟练的运用jquery并且拓展思路. 这里只挑选了一些我认为在开发中会用到的一些API ...

  7. [转]Using $select, $expand, and $value in ASP.NET Web API 2 OData

    本文转自:https://docs.microsoft.com/en-us/aspnet/web-api/overview/odata-support-in-aspnet-web-api/using- ...

  8. 20款 JavaScript 开发框架推荐给前端开发者

    下面,我们给大家提供了一个用于 HTML5 开发的各种用途的 JavaScript 库列表.这些框架能够给前端开发人员提供更好的功能实现的解决方案.如果你有收藏优秀的框架,也可以在后面的评论中分享给我 ...

  9. remove name="ProxyModule“会导致重复执行

    <?xml version="1.0" encoding="utf-8"?> <!-- 有关如何配置 ASP.NET 应用程序的详细信息,请访 ...

随机推荐

  1. 20. Valid Parentheses（stack）

    Given a string containing just the characters '(', ')', '{', '}', '[' and ']', determine if the inpu ...

  2. ubuntu关闭THP

    所有linux系统详细设置参考: https://docs.mongodb.org/manual/tutorial/transparent-huge-pages/ vi /etc/init.d/dis ...

  3. Nginx 内置全局变量

    Nginx在使用过程中,有不少的内置全局变量可以用做条件判断和编程控制,本文总结一些已知的指令,以供参考. $arg_PARAMETER  这个变量包含在查询字符串时GET请求PARAMETER的值. ...

  4. Oracle逻辑读详解

    1.物理读(physical read) 当数据块第一次读取到,就会缓存到buffer cache 中,而第二次读取和修改该数据块时就在内存buffer cache 了 以下是例子: 1.1  第一次 ...

  5. linux下USB转串口驱动的安装

    ubuntu10.04,usb串口用的是moxa 1110 搞了半天没有驱动... 去官方下了个:http://www.moxa.com/support/sarch_result.aspx?type= ...

  6. 翻译「C++ Rvalue References Explained」C++右值引用详解 Part1：概述

    本文系对「C++ Rvalue References Explained」 该文的翻译,原文作者:Thomas Becker. 该文较详细的解释了C++11右值引用的作用和出现的意义,也同时被Scot ...

  7. 计数排序（Count Sort ）与插入排序（Insert Sort）

    计数排序法:计数数组适用于当前数组密集的情况.例如(2,3,5,4,2,3,3,2,5,4) 方法:先找出最大值最小值,之后统计每个数出现的次数,根据次数从小到大往数组里添加 计数排序法是一种不需要比 ...

  8. 生成ssl证书

    http://blog.csdn.net/liuchunming033/article/details/48470575 https://segmentfault.com/a/119000000256 ...

  9. c#实现每隔规定时间自动执行程序代码

    c#实现每隔规定时间自动执行程序代码  在一般的项目中我们很少用到c#实现每隔规定时间自动执行程序代码,但是如果你经历的项目多,或者应用程序做的比较多的话,c#实现每隔规定时间自动执行程序代码就用的比 ...

  10. C++ 牛人博客（不断更新中...）

    http://www.zhangjiee.com/ 新浪微博@独酌逸醉. Github. GitCafe. stackoverflow. Quora http://cpp1x.org/ 刘未鹏 | M ...