的用法分析 在jquery中添加()

Add()将元素添加到匹配元素的集合中。这是jquery参考手册中的语句。但是，提供的示例链接不正确，因此没有解释add()的示例。这里有几个例子可以更好地理解add()的用法。示例1复制代码如下：DOCTYPE html html headstylediv { width :60 px；高度：60 px；margin:10pxfloat:left} p { clear:leftfont-weight : bold；font-size :16 px；颜色：蓝色；margin:0 10pxpadding:2px}/style script language=' JavaScript ' type=' text/JavaScript ' src=' http :http://www . w3school.com.cn/jquery/jquery . js '/script script $(文档)。ready(function(){$('div '))。css('边框'，' 2px纯红')。添加(' p ')。css('背景'，'黄色')；});/script/headsdydiv/div/div/div/div/div/div/div/div/div填充这个……(注意没有边框)/p/body/html结果如下图所示：。

说明：这里add('p ')相当于and，表示的是$('div ')的css和p的css.请注意，这里div是带边框的。而p没有。示例2复制代码如下： Body pHello/pspanhello再次/span/body复制代码如下： $ ('p ')。添加(' span ')。CSS('背景'，'黄色')；结果如下图所示：。

p和span的css相当于$ ('p，span ')。CSS('背景'，'黄色')；示例3:复制代码如下：bodypHello/p/body复制代码如下： $ ('p ')。克隆()。添加('再次跨度/跨度')。追加到(document . body)；结果如下：。

克隆()复制的意义；复制一个p，并在文档正文中再次插入/span。在这里插一句：如果不用clone()，原来的p是不存在的。请参见以下示例：复制代码如下：script $(文档)。ready (function () {$ ('p '))。添加('再次跨度/跨度')。附录(文档。身体)；警报($(“正文”)。html())；});/script/head dyhello/p/body/html的结果如下图所示：。

示例：复制代码如下： body p hello/pspan id=' a '再次您好/span/body复制代码如下： $ ('p ')。添加(document.getelementbyid ('a ')。CSS('背景'，'黄色')；结果如下：。

这表明add()中的参数不仅可以是选择器，还可以是DOM元素。