欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jquery中.add()的使用分析_jquery

程序员文章站 2022-05-21 12:54:05
...
add() 将元素添加到匹配元素的集合中。这是jquery参考手册上的表述。但其提供的例子链接错误,因此没有对add()的实例说明。这里就提供几个例子,以便更好的掌握add()的用法。

例一

复制代码 代码如下:















Added this… (notice no border)





结果如下图所示:

jquery中.add()的使用分析_jquery
解说:这里的add("p")相当于和的意思,就是说$("div")的css和p的css。这里注意的是div是有边框的。而p没有。

例二

复制代码 代码如下:


Hello

Hello Again


复制代码 代码如下:

$("p").add("span").css("background", "yellow");

结果如下图所示:

jquery中.add()的使用分析_jquery

p和span的css,相当于

$("p,span").css("background","yellow");

例三:

复制代码 代码如下:


Hello




复制代码 代码如下:

$("p").clone().add("Again").appendTo(document.body);

结果如下:

jquery中.add()的使用分析_jquery

clone()复制的意思;复制一个p和把Again插入到文档的body中。

这里插一句:如果不用clone(),则原来的p不存在了。看下面例子:

复制代码 代码如下:




Hello



相关标签: jquery add