当前位置:Web前端 > jquery> 正文

jquery中return this.each的作用

时间:2017-2-3类别:Web前端

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>
    
    		
  •  

    标签:
    上一篇下一篇

    猜您喜欢

    热门推荐