jquery 如何退出正在执行的方法

1、首先我们写个简单的页面，如下所示，页面中，我们需要写一个改变颜色的方法

2、如下我们写个改变颜色的js方法

<script>    function changecolor() {        $('#color').css('background','red')  改变背景为红色    }</script>

如下图二所示打开该页面，点击改变颜色按钮，就可把背景变成红色

3、如果我们需要，两个p标签都变成红色，那么,只需要把js改成如下：

<script>    function changecolor() {        $('p').css('background','red')    }</script>

我们运行页面可以看到如图二两个页面都变红色背景了

4、如果我们选择的p标签当具备某个id属性的时候，我们不想改变颜色，那么我们就需要判断一下是不是我们需要的id;如下所示，当p标签有co， id的时候我们不需要变色，也就是不想在执行后面的 $('p').css('background','red')，那么我们找到它，终止执行。如下所示

<script>    function changecolor() {       $('p').each(function (v) {           if($(v).attr('id') === 'co'){               return false;           }       })       $('p').css('background','red')    }</script>

我们发现 使用了 return false也还会继续往下执行，具体如下所示

5、这是因为，步骤四中的 return只会 跳出 each 那一层，而不会影响全局，在这里我们可以使用，throw SyntaxError,来终止，这样 $('p').css('background','red')，就不会执行了

function changecolor() {   var  tem=false   $.each($('p'),function (i,v) {       console.log($(v).attr('id'))       if($(v).attr('id') === 'co'){        throw SyntaxError('执行错误')       }   });   $('p').css('background','red')    }

点击按钮执行结果如下图二所示：

6、也可以定义一个变量来处理，这样执行return false就可以终止该方法了，如下所示，我们修改js

<script>    function changecolor() {

定义了一个变量，       var  tem=false       $.each($('p'),function (i,v) {           console.log($(v).attr('id'))           if($(v).attr('id') === 'co'){            tem=true           }       });       if(tem){           return false;       }       $('p').css('background','red')    }</script>

加入该方法刷新页面，点击按钮我们可以看到如图二所示结果，也没变色