Javascript 鏈?zhǔn)秸{(diào)用實現(xiàn)代碼(參考jquery)

更新時間：2010年05月18日 21:53:32 作者：

謂的鏈?zhǔn)秸{(diào)用無非是一個語法技巧而已，我就學(xué)Jquery寫了一個粗淺的庫。

<!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=gb2312"> <title>Javascript鏈?zhǔn)秸{(diào)用</title> <script type="text/javascript"> function ele(){ this.elements=[]; var element; if(typeof arguments[0]=="string"){ element=arguments[0]; if (element.slice(0, 1) == '#') { element = document.getElementById(element.slice(1)); this.elements.push(element); }else if(element.slice(0,1)=='.'){ element=element.slice(1); var es = document.body.getElementsByTagName('*'); for (var i = 0, j = es.length; i < j; i++) { if (element.indexOf(es[i].className) != -1) { //alert(111); this.elements.push(es[i]); } } }else{ this.elements = document.getElementsByTagName(element); //alert(elements[0].id); } }else{ element=this; this.elements.push(element); } } ele.prototype.each=function(fn){ for(var i=0,l=this.elements.length;i<l;i++){ fn.call(this,this.elements[i]); } return this; }; ele.prototype.setStyle=function(prop,value){ this.each(function(el){ el.style[prop]=value; }); return this; }; ele.prototype.show=function(){ this.setStyle("display","block"); return this; }; window.$=function(){ return new ele(arguments[0]); }; </script> </head> <body> <div   class="ajrtxog"   id="test" class="ttt" style="width:100px; height:100px; background-color:red; display:none;"></div> <div   id="yjqsvxy"   class="ttt" style="width:100px; height:100px; background-color:black; display:none;"></div> <script type="text/javascript"> $('.ttt').setStyle('width','300px').show(); 　　　　 //$('#test').setStyle('width','300px').show(); 　　　　 //$('div').setStyle('width','300px').show(); </script> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

JQuery日歷插件My97DatePicker日期范圍限制
這篇文章主要介紹了JQuery日歷插件My97DatePicker日期范圍限制的相關(guān)資料,需要的朋友可以參考下
2016-01-01
基于jQuery實現(xiàn)的查看全文功能【實用】
本文分享了利用jQuery實現(xiàn)的查看全文功能：文本內(nèi)容少于四行，不顯示查看全文；超過五行時才顯示出來并有此功能；很實用，下面就跟小編一起來看看吧
2016-12-12
jquery實現(xiàn)類似淘寶星星評分功能實例
這篇文章主要介紹了jquery實現(xiàn)類似淘寶星星評分功能,詳細(xì)介紹了相應(yīng)jQuery事件的用法實例,需要的朋友可以參考下
2014-09-09
基于jQuery實現(xiàn)多層次的手風(fēng)琴效果附源碼
今天我們要與大家分享一個漂亮而靈活的垂直 jQuery 手風(fēng)琴效果。其主要思想是擴(kuò)大手風(fēng)琴片上的點擊和顯示更多的信息。感興趣的朋友可以參考下本文
2015-09-09
tuzhu_req.js 實現(xiàn)仿百度圖片首頁效果
這篇文章主要介紹了tuzhu_req.js 實現(xiàn)仿百度圖片首頁效果的相關(guān)資料,需要的朋友可以參考下
2015-08-08
JQuery 獲得絕對,相對位置的坐標(biāo)方法
獲取頁面某一元素的絕對X,Y坐標(biāo)，可以用offset()方法：（body屬性設(shè)置margin :0;padding:0;）
2010-02-02
用圖片替換checkbox原始樣式并實現(xiàn)同樣的功能
這篇文章主要介紹了用圖片替換checkbox原始樣式并實現(xiàn)同樣的功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友參考下吧
2018-11-11
jquery submit ie6下失效的原因分析及解決方法
jquery submit ie6下失效的原因分析及解決方法。需要的朋友可以過來參考下，希望對大家有所幫助
2013-11-11
IE8下String的Trim()方法失效的解決方法
String的Trim()方法失效,在ie8下是有這樣的情況的，解決方法也很簡單使用$.trim(str)即可，需要的朋友可以了解下
2013-11-11
jquery獲取div寬度的實現(xiàn)思路與代碼
DIV的width寬度如何獲取呢？接下來介紹使用jquery獲取DIV的width寬度，感興趣的朋友可以了解下的
2013-01-01