<!DOCTYPE html> <html> <head lang="en"> <meta charset="utf-8"/> <title></title> <script src="../js/jquery-1.10.2.js"></script> <script> $(function(){ $("p").add("<span>我是THML片段的</span>").appendTo("body").css("backgroundColor","red");//当add()中是html片段可以添加元素和改变样式。 $("p").add("span").css("backgroundColor","red");//当add()中是选择器字符串只可以改变样式。 $("p").add($("span")).css("backgroundColor","red");//当add()中是jquery对象只可以改变样式。 $("p").add(document.getElementById("span")).css("backgroundColor","red");//当add()中是DOM元素只可以改变样式。 }); </script> </head> <body> <p>Hello</p> <span id="span">我是非HTML片段的所有情况</span> </body> </html>
add()可以理解为“和”，比如p和span的css样式为背景是红色，其实在add()中不是html片段的情况下，$("p").add("span")等同于$("p","span")