js專案 封裝庫 連綴

在呼叫庫的時候，我們需要能夠在前台呼叫的時候可以同時設定多個操作，比如設定 css，設定innerhtml，設定 click事件等等。

所謂連綴，最簡單的理解就是一句話同時設定乙個或多個節點兩個或兩個以上的操作 。

比如：

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

() );

如果是實現操作連綴，那麼我們就需要改寫物件寫法：var base = {}，這種寫法無法在它的原型中新增方法，所以需要使用函式式物件寫法：

function

base
() ;
//獲取 name 節點陣列
this.getname = function
(name) 
return
this;
}//獲取元素節點陣列
this.gettagname = function
(tag) 
return
this;
};}

base.

prototype.click = function
(fn) 
return this;
};base.
prototype.css = function
(attr, value) 
return this;
}base.
prototype.html = function
(str) 
return this;
}

var $ = function

() ;

JS封裝庫 連綴

getid box css color red html 標題 click function function base 獲取 name 節點陣列 this.getname function name return this 獲取元素節點陣列 this.gettagname function tag...

JS節點操作 連綴

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

js專案 封裝庫 下拉列表

本篇，我們主要 一下部落格 頂部下拉列表的製作，其中會用到幾個知識點，滑鼠移入移出的 hover 方法 隱藏和顯示方法 hide 和 show 建立乙個頂部 header 局域，放入 logo 和個人中心，然後製作乙個下拉列表。顏色引數 背景色 fbf7e1 移入背景色 ffcc00 建立下來選單，...