檢測元素出現方法。
雖然是基于 jQuery 的，但是代碼很簡潔，可以修改成純js版的。

文本 jQuery.fn.wait = function (func, times, interval) {var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //選擇器 _iIntervalID; //定時器id if( this.length ){ //如果已經獲取到了，就直接執行函數 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正數就 -- _self = $(_selector); //再次選擇 if( _self.length ) { //判斷是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; }

使用方法當然也很簡單，只有3個參數。
func 是回調函數，就是當指定元素出現后就執行的函數。
times 是檢測次數，默認是-1，一直檢測直到出現為止。
interval 是檢測間隔，默認 20 毫秒一次。

我們修改下之前的代碼

文本 $("#btn_comment_submit").wait(function() { //等待#btn_comment_submit元素的加載 this.removeClass("comment_btn").addClass("btn"); //提交按鈕 //這里的 this 就是 $("#btn_comment_submit") }); $("#widget_my_zzk").wait(function() { //等待#widget_my_zzk元素的加載 $(".div_my_zzk").addClass("input-append"); //搜索框 $(".btn_my_zzk").removeClass("btn_my_zzk").addClass("btn"); //搜索按鈕 });

是不是很簡單、、

當然，依然不破壞jQuery的鏈式結構，你依然可以 $("#id").wait(function(){}).hide();

總結

以上是生活随笔為你收集整理的jQuery下实现检测指定元素加载完毕的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。