JS封裝庫 連綴

2021-07-28 14:27:39 字數 841 閱讀 6431

$().getid('box').css('color', 'red').html('標題').click(function

() );

function

base

() ;

//獲取 name 節點陣列

this.getname = function

(name)

return

this;

}//獲取元素節點陣列

this.gettagname = function

(tag)

return

this;

};}

ps:這種寫法麻煩的地方是,需要在前台 new 出來,然後呼叫。但採用這種方式, 我們可以在每個方法裡都返回這個物件 ,並且還可以在物件的原型裡新增 方法,這些都是連綴操作最基本的要求。

base.

prototype.click = function

(fn)

return this;

};base.

prototype.css = function

(attr, value)

return this;

}base.

prototype.html = function

(str)

return this;

}

ps:為了避免在前台 new 乙個物件,我們可以在庫裡面直接 new。

var $ = function

() ;

js專案 封裝庫 連綴

在呼叫庫的時候,我們需要能夠在前台呼叫的時候可以同時設定多個操作,比如設定 css,設定innerhtml,設定 click事件等等。所謂連綴,最簡單的理解就是一句話同時設定乙個或多個節點兩個或兩個以上的操作 比如 getid box css color red html 標題 click func...

JS節點操作 連綴

連綴介紹 一行 同時設定乙個或多個節點兩個或兩個以上的操作。base.getid box style background black base.getid box style color red base.getid box innerhtml post window.nl ad function...

js封裝ajax(js工具庫)

function sendajax options 如果 能走到這裡,傳了位址 判斷型別 if object.prototype.tostring.call options.url object string 處理請求方式 沒有傳,預設是get if options.method 如果 能走到這裡,...