首頁  >  文章  >  web前端  >  jquery中如何實作串聯addback()和end() (程式碼)

jquery中如何實作串聯addback()和end() (程式碼)

不言
不言原創
2018-08-13 17:14:451594瀏覽

這篇文章帶給大家的內容是關於jquery中如何串聯addback()和end() (程式碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>串联addback()和end()</title>

    <script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        $(function(){
            // $("div").find("p").css("border","1px solid red");
            //div下查找p,addBack()回溯找到div,.css()对两者同时添加样式
            // $("div").find("p").addBack().css("border","1px solid red");
            // 注意:对于筛选或查找后的元素,要加入先前所选元素时,使用addBack()方法会很有效,符合链式设计原则

            //返回jQuery对象,为p元素添加边框,同时为div添加背景
            $("div").find("p").css("border","1px solid red").end().css("background","#ff0");


        });    </script></head><body>
    <div>
        <p>天将降大任于斯人也</p>
        <p>必先劳其筋骨,苦其心志,空乏其身</p>
    </div></body></html>

相關推薦:

vue中v-if和v-show有何不同? v-if與v-show之間的區別總結

jQuery中的方法有哪些?jQuery中常用的方法(附程式碼)

jquery中圖片無序預先載入的實作以及使用方法

以上是jquery中如何實作串聯addback()和end() (程式碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn