這篇文章主要介紹了jquery源碼解讀之hasclass()方法,以注釋形式較為詳細的分析了hasclass()方法的實現技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文較為詳細的分析了jquery源碼解讀之hasclass()方法。分享給大家供大家參考。具體分析如下：
代碼如下:
jquery.fn.extend({
hasclass: function( selector ) {
//將要檢查的類名selector賦值給classname, l為選擇器選擇的當前要檢查的jquery對象數組的長度。
var classname = + selector + ,
i = 0,
l = this.length;
//循環檢查每一個dom元素的類名
for ( ; i < l; i++ ) {
//this[i].nodetype === 1，判斷當前dom節點的節點類型，1表示元素節點。
//this[i].classname，獲取當前dom節點已經存在的類名。
//rclass = /[\t\r\n\f]/g，replace(rclass, )表示移除當前dom節點類名里的制表符，換行符，回車符等。
//indexof(classname)，開始在當前dom節點的類名里檢索是否有你要檢查的類名classname，如果>=0，表示存在，返回true，跳出函數。
if ( this[i].nodetype === 1 && ( + this[i].classname + ).replace(rclass, ).indexof( classname ) >= 0 ) {
return true;
}
}
//循環檢查完了，發現每一個dom元素里都沒有找到你要檢查的類名，則返回false,跳出函數。
//可見，只要你的jquery對象數組里，發現有一個dom元素的類名里包含你要查找的類名，則返回true，跳出函數。
return false;
}
});
希望本文所述對大家的jquery程序設計有所幫助。
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試
