jq的链式编程调用.end()方法;

最新推荐文章于 2022-03-07 20:59:07 发布

Sue_9293

最新推荐文章于 2022-03-07 20:59:07 发布

阅读量296

点赞数

CC 4.0 BY-SA版权

分类专栏： JQuery 文章标签： jquery js

本文链接：https://blog.youkuaiyun.com/Sue_Vivian/article/details/103623356

JQuery 专栏收录该内容

1 篇文章

订阅专栏

本文深入解析了jQuery中.end()方法的作用与用法，通过实例演示如何在链式调用中返回上一级jQuery对象，实现对多个元素的灵活操作。同时，对比了与不返回jQuery对象的方法在链式编程中的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jq的链式编程调用.end()方法;

code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
<script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
        // jquery之 end 方法

        $(function () {
            $("li").eq(0).click(function () {
                console.log(this);
            }).end().eq(1).click(function () {
                console.log(this);
            }).end().eq(2).click(function () {
                console.log(this);
            }).end().eq(3).click(function () {
                console.log(this);
            });
        })
    </script>
</body>
</html>