jquery的add()用法總結

本文轉載自查看原文 2016-12-02 21:33 1434 jquery

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

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 jQuery $.extend()用法總結 JQuery的基本用法總結有關日期的函數操作用法總結，to_date()，trunc()，add_months()； Attributes.Add用途與用法 this用法總結 JQuery Timers用法 JQuery中$.each的用法 jQuery Migrate 插件用法 jquery zTree的基本用法原生和jQuery的ajax用法