JQuery高级（回调函数 clearInterval 插件）

本是古典何须时尚 2023-10-10 15:40 28阅读 0赞

### 回调函数： ###

**定义：**[回调][Link 1]函数被认为是一种**高级函数**，一种被作为参数**传递**给另一个函数的高级函数。回调函数的**本质是一种模式**(一种解决常见问题的模式)，因此回调函数也被称为**回调模式**。

**简而言之：一个函数在另一个函数中被调用。而且可以当参数传给其他函数。**

详细讲解原文链接**：**[http://t.csdn.cn/A2k0V][http_t.csdn.cn_A2k0V]

![8b4f711f6f9b4141961d75bbc7a15898.png][]

**问题：还是不太懂this的指向问题？？？**

使用jq对象.each()方法遍历 ，并进行一些判断操作

//如果当前function返回为false，则结束循环（break)
    //return false;
    //如果返回为true，则结束本次循环，继续下一次循环（continue）
    return true;

//2。jq对象.each(callback)
                cities.each(function (index,element){
                    //3.获取li对象 第一种方式this
                    //alert(this.innerHTML);
                    //alert($(this).html());
    
                    //3.2获取li对象 第二种方式 在回调函数中定义参数   index(索引)  element(元素对象)
                    //alert(index+":"+element.innerHTML);
                    if("上海"==$(element).html()){
                        //如果当前function返回为false，则结束循环（break)
                        //return false;
                        //如果返回为true，则结束本次循环，继续下一次循环（continue）
                        return true;
                    }
                    alert(index+":"+$(element).html());
                });

当事件或方法没有调用回调函数时，会触发浏览器的默认的行为

alert("我要获得焦点了。。。。。。")
     $("#name").focus();//让文本输入框（对象）获得焦点

### JS中setInterval()和clearInterval()的使用以及注意事项 ###

setInterval()： 间隔指定的毫秒数不停地执行指定的代码，定时器

clearInterval()： 用于停止 setInterval() 方法执行的函数代码

使用方法：setInterval(code，millisec)，两个参数都是必须的，第一个参数为要调用的函数或要执行的代码串。第二个参数为周期性执行或调用 code 之间的时间间隔，以毫秒计。

clearInterval(id\_of\_setinterval)，参数是必须的，为setInterval返回的ID值  
![9bae1dd7524d408ea6538a89e178a61a.png][]

//处理按钮是否可以使用的效果
            function isUse(startId,stopId){
                $("#startID").prop("disabled",startId);
                $("#stopID").prop("disabled",stopId);
            }

**disabled=true;表示按钮失活；**

**disabled=false；表示按钮有效；**

**5. 插件：增强JQuery的功能**  
1. 实现方式：  
1. $.fn.extend(object)  
\* 增强通过Jquery获取的对象的功能 $("\#id")

2. $.extend(object)  
\* 增强JQeury对象自身的功能 $/jQuery

[Link 1]: https://so.csdn.net/so/search?q=%E5%9B%9E%E8%B0%83&spm=1001.2101.3001.7020
[http_t.csdn.cn_A2k0V]: http://t.csdn.cn/A2k0V
[8b4f711f6f9b4141961d75bbc7a15898.png]: https://img-blog.csdnimg.cn/8b4f711f6f9b4141961d75bbc7a15898.png
[9bae1dd7524d408ea6538a89e178a61a.png]: https://img-blog.csdnimg.cn/9bae1dd7524d408ea6538a89e178a61a.png