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

最新推荐文章于 2023-11-08 11:16:48 发布

Sue_9293

最新推荐文章于 2023-11-08 11:16:48 发布

阅读量241

点赞数

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

本文链接：https://blog.csdn.net/Sue_Vivian/article/details/103623356

版权

JQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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>

.end()方法意思就是：取消当前的jQuery对象，返回上一层的jQuery对象。在这里的意思就是取消当前选择的$(“li”).eq(0);返回上层的$(“li”)。

如图所示：每个this都是当前被点击的 li

注意，有几个jQuery的方法并不返回jQuery 对象，所以链式操作就不能继续下去，如get() 就不能像eq() 那样使用。

Sue_9293

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jq的链式编程调用.end()方法;

jq的链式编程调用.end()方法;code<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
复制链接

扫一扫