简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

jquery中如何实现串联addback()和end() （代码）

不言
Lepaskan： 2018-08-13 17:14:45
asal
1526 orang telah melayarinya

本篇文章给大家带来的内容是关于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>
Salin selepas log masuk

相关推荐：

vue中v-if和v-show有何区别？v-if与v-show之间的区别总结

jQuery中的方法有哪些?jQuery中常用的方法（附代码）

jquery中图片无序预加载的实现以及使用方法

Atas ialah kandungan terperinci jquery中如何实现串联addback()和end() （代码）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
addback()和end()
sumber：php.cn
Artikel sebelumnya：vue中v-if和v-show有何区别？v-if与v-show之间的区别总结 Artikel seterusnya：js如何实现下拉菜单的左右移动（代码）
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bagaimana untuk mengisi jadual HTML daripada jadual pangkalan data yang dihasilkan oleh reka bentuk Sangat baru untuk Ruby on Rails dan reka bentuk. Saya sedang cuba mengisi jadual pada hala...
daripada 2024-04-05 09:13:39
0
1
2491
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！