簡單封裝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)，以后調用id時，只需 $('#idname'),class時$('.classname')，TagName和Name都是做了個簡單的判斷，都是直接傳 $('name')，我試了下，感覺還可以。
以上這篇簡單封裝js的dom查詢實例代碼就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
wordpress之js庫集合研究介紹...2007-08-08
解析JSON字符串報錯syntaxError:unexpected?end?of?JsoN?input如何解決
這篇文章主要給大家介紹了關于解析JSON字符串報錯syntaxError:unexpected?end?of?JsoN?input如何解決的相關資料,文中通過代碼將解決的辦法介紹的非常詳細,需要的朋友可以參考下2024-05-05
循環(huán)輸出問題是面試中經典的題目,一般會給出代碼,讓我們解釋原因,并給出若干解決方案,下面這篇文章主要給大家介紹了關于JS利用循環(huán)解決的一些常見問題,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了JS實現(xiàn)的A*尋路算法,結合實例形式詳細分析了A*尋路算法的概念、原理、實現(xià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)跨域，但是需要在服務器增加Access-Control-Allow-Origin和Access-Control-Allow-Headers頭，下面說明下兩個不同的方法實現(xiàn)的方式和原理。2018-05-05
基于javascript實現(xiàn)仿百度輸入框自動匹配功能
這篇文章主要介紹了基于javascript實現(xiàn)仿百度輸入框自動匹配功能的相關資料,需要的朋友可以參考下2016-01-01
Any?Share?是一種簡單、輕量、快速的文件共享服務。使用?Javascript?編寫，并搭建在?Firebase?平臺。本文將利用它實現(xiàn)創(chuàng)建文件共享型網站，感興趣的可以了解一下2022-11-11
這篇文章主要介紹了JavaScript設計模式之觀察者模式,結合實例形式詳細分析了javascript觀察者模式的概念、原理、用法及相關操作注意事項,需要的朋友可以參考下2019-01-01