jquery的add()用法总结

最新推荐文章于 2024-05-06 18:26:11 发布

weixin_30270561

最新推荐文章于 2024-05-06 18:26:11 发布

阅读量117

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/iwebkit/p/6127424.html

版权

<!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")

转载于:https://www.cnblogs.com/iwebkit/p/6127424.html

优惠劵

weixin_30270561

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery的add()用法总结

<!DOCTYPE html><html><head lang="en"> <meta charset="utf-8"/> <title></title> <script src="../js/jquery-1.10.2.js"></script> &...
复制链接

扫一扫