自定义jQuery函数

最新推荐文章于 2023-02-01 15:35:07 发布

hello php

最新推荐文章于 2023-02-01 15:35:07 发布

阅读量150

点赞数

本文链接：https://blog.csdn.net/shj_php/article/details/79083595

版权

<p>
    Hi there <span>how</span> are you <span>doing</span>?
</p>

<p>
    This <span>span</span> is one of
    several <span>spans</span> in this
    <span>sentence</span>.
</p>

<div>
    Tags in jQuery object initially: <b></b>
</div>
<div>
    Tags in jQuery object after find: <b></b>

</div>
<div>
    Tags in jQuery object after end: <b></b>
</div>

<script>
    //自定义jQuery函数的用法
    jQuery.fn.showTags = function (n) {
        var tags = this.map(function () {
                    return this.tagName;
                })
                .get().join(", ");
        $("b:eq(" + n + ")").text(tags);
        return this;
    };

    $("p").showTags(0)
            .find("span")
            .showTags(1)
            .css("background", "yellow")
            .end()
            .showTags(2)
            .css("font-style", "italic");

</script>