模仿jQuery each函數(shù)的鏈?zhǔn)秸{(diào)用
更新時(shí)間：2009年07月22日 00:16:29 作者：
模仿jQuery each函數(shù)的鏈?zhǔn)秸{(diào)用實(shí)現(xiàn)代碼。
復(fù)制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Each Document</title>
<script type="text/javascript">
(function(){ //創(chuàng)建一個(gè)自執(zhí)行函數(shù)
function _$(el){ //聲明一個(gè)類
this.elements = []; //用于保存DOM元素的引用
for (var i = 0; i < el.length; i++) {
var element = el[i];
if (typeof element == string ) {
element = document.getElementById(element);
}
this.elements.push(element);
}
}
_$.prototype = {
each: function(fn){
for (var i = 0; i < this.elements.length; i++) {
fn.call(this, this.elements[i]); //第二個(gè)參數(shù)是fn函數(shù)的參數(shù)
}
},
setStyle: function(prop, val){
var that = this;
this.each(function(el){ //注意參數(shù)的設(shè)置
el.style[prop] = val;
});
return this;
}
}
window.$ = function(){
return new _$(arguments);
};
})();
window.onload = function(){
$("p", "p2").setStyle("color", "red");
}
</script>
</head>
<body>
<p id="p">
Hello world
</p>
<p id="p2">
Welcome.
</p>
</body>
</html>
相關(guān)文章
jQuery簡(jiǎn)單實(shí)現(xiàn)提交數(shù)據(jù)出現(xiàn)loading進(jìn)度條的方法
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)提交數(shù)據(jù)出現(xiàn)loading進(jìn)度條的方法,涉及jQuery的ajax調(diào)用及頁(yè)面樣式操作技巧,需要的朋友可以參考下2016-03-03
基于jquery實(shí)現(xiàn)簡(jiǎn)單的手風(fēng)琴特效
這篇文章主要介紹了基于jquery實(shí)現(xiàn)簡(jiǎn)單的手風(fēng)琴特效，需要的朋友可以參考下2015-11-11
JQuery Mobile 彈出式登錄框的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇JQuery Mobile 彈出式登錄框的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
jquery之基本選擇器practice(實(shí)例講解)
下面小編就為大家?guī)?lái)一篇jquery之基本選擇器practice(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
本文主要給大家匯總介紹了了jQuery獲取頁(yè)面及個(gè)元素高度、寬度的方法，非常的實(shí)用，有需要的小伙伴可以參考下。下面的例子是基于jquery的參數(shù)與方法來(lái)快速獲取文檔或?yàn)g覽器可視區(qū)域的高度與寬度的代碼,希望本例子能給你帶來(lái)一些幫助。2016-01-01
JQuery 1.6發(fā)布 性能提升，同時(shí)包含大量破壞性變更
JQuery 1.6剛剛發(fā)布了，有幾處性能和跨瀏覽器兼容性的改進(jìn)，專門重寫了屬性模塊2011-05-05
jQuery Mobile 是用于創(chuàng)建移動(dòng) Web 應(yīng)用的前端開(kāi)發(fā)框架。這篇文章主要介紹了jQuery Mobile頁(yè)面返回不需要重新get 的相關(guān)資料,需要的朋友可以參考下2016-04-04
jquery multiSelect 多選下拉框?qū)崿F(xiàn)挨罵2010-07-07
jquery點(diǎn)贊功能實(shí)現(xiàn)代碼 點(diǎn)個(gè)贊吧!
點(diǎn)贊功能很多地方都會(huì)出現(xiàn)，如何實(shí)現(xiàn)愛(ài)心點(diǎn)贊功能，這篇文章主要為大家詳細(xì)介紹了jquery點(diǎn)贊功能實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
jQuery Uploadify 上傳插件出現(xiàn)Http Error 302 錯(cuò)誤的解決辦法
本文給大家介紹jQuery Uploadify 上傳插件出現(xiàn)Http Error 302 錯(cuò)誤的解決辦法，涉及到uploadify上傳錯(cuò)誤302相關(guān)問(wèn)題，對(duì)本文感興趣的朋友一起看看吧2015-12-12