簡單封裝js的dom查詢實例代碼
更新時間：2016年07月08日 10:58:13 投稿：jingxian
下面小編就為大家?guī)硪黄唵畏庋bjs的dom查詢實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
最近一直在啃犀牛書，有感，于是寫了個簡單的js的dom查詢
$ = function (val) {
switch(val.charAt(0)) {
case '#' :
return document.getElementById(val.substring(1));
break;
case '.' :
val = val.replace('.','');
if(document.getElementsByClassName)
return document.getElementsByClassName(val);
else {
var obj = document.getElementsByTagName('*'),len = obj.length,arr=[];
for(var i=0;i<len;i++) {
if(obj[i].className == val) {
arr[arr.length] = obj[i];
}
}
return arr;
}
break;
default :
if(document.getElementsByName(val).length > 0)
return document.getElementsByName(val);
else
return document.getElementsByTagName(val);
}
}
這樣一實現(xiàn)，以后調(diào)用id時，只需 $('#idname'),class時$('.classname')，TagName和Name都是做了個簡單的判斷，都是直接傳 $('name')，我試了下，感覺還可以。
以上這篇簡單封裝js的dom查詢實例代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
wordpress之js庫集合研究介紹...2007-08-08
解析JSON字符串報錯syntaxError:unexpected?end?of?JsoN?input如何解決
這篇文章主要給大家介紹了關(guān)于解析JSON字符串報錯syntaxError:unexpected?end?of?JsoN?input如何解決的相關(guān)資料,文中通過代碼將解決的辦法介紹的非常詳細(xì),需要的朋友可以參考下2024-05-05
循環(huán)輸出問題是面試中經(jīng)典的題目,一般會給出代碼,讓我們解釋原因,并給出若干解決方案,下面這篇文章主要給大家介紹了關(guān)于JS利用循環(huán)解決的一些常見問題,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
這篇文章主要介紹了JS實現(xiàn)的A*尋路算法,結(jié)合實例形式詳細(xì)分析了A*尋路算法的概念、原理、實現(xiàn)技巧與相關(guān)注意事項,需要的朋友可以參考下2018-12-12
這篇文章主要介紹了小程序組件之仿微信通訊錄的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
JavaScript時間操作之年月日星期級聯(lián)操作
這篇文章主要介紹了JavaScript時間操作之級聯(lián)日期選擇操作，涉及到年、月、日、星期，感興趣的小伙伴們可以參考一下2016-01-01
原先一直以為要實現(xiàn)跨域請求只能用jsonp，只能支持GET請求，后來了解到使用POST請求也可以實現(xiàn)跨域，但是需要在服務(wù)器增加Access-Control-Allow-Origin和Access-Control-Allow-Headers頭，下面說明下兩個不同的方法實現(xiàn)的方式和原理。2018-05-05
基于javascript實現(xiàn)仿百度輸入框自動匹配功能
這篇文章主要介紹了基于javascript實現(xiàn)仿百度輸入框自動匹配功能的相關(guān)資料,需要的朋友可以參考下2016-01-01
基于JavaScript實現(xiàn)文件共享型網(wǎng)站
Any?Share?是一種簡單、輕量、快速的文件共享服務(wù)。使用?Javascript?編寫，并搭建在?Firebase?平臺。本文將利用它實現(xiàn)創(chuàng)建文件共享型網(wǎng)站，感興趣的可以了解一下2022-11-11
這篇文章主要介紹了JavaScript設(shè)計模式之觀察者模式,結(jié)合實例形式詳細(xì)分析了javascript觀察者模式的概念、原理、用法及相關(guān)操作注意事項,需要的朋友可以參考下2019-01-01