jquery中return this.each的作用

更多时间：2017-2-3 类别：Web前端浏览量：848

jquery中return this.each的作用

jquery中return this.each的作用

1、return this.each表示返回jQuery对象，以便链接式操作。

2、链接式操作就是执行了一个方法，可以再执行另一个方法，直接写在方法的后面。

3、例如

HTML 代码复制



<!DOCTYPE HTML>
<html>
    <body>
        <span>1</span>
        <span>1</span>
        <span>1</span>
        <span>1</span>
        <script>...
            $.fn.color = function(c)...{
                this.each(function()...{
                    $(this).css('color', c);
                })
            }
            alert( $('span').color('red') ) //undefined
            
            //加了 return this.each... 表示返回jQuery对象，以便链接式操作
            $.fn.color2 = function(c)...{
                return this.each(function()...{
                    $(this).css('color', c);
                })
            }
            alert( $('span').color2('blue').html('123') ) // object
        </script>
    </body>
</html>

标签：jquery

上一篇：Request获取URL的各种信息

下一篇：谷歌浏览器调试模式下刷新的几种方式

您可能感兴趣

jquery中return this.each的作用

jquery中return this.each的作用

热门推荐

排行榜