課程
/前端開發(fā)
/JavaScript
/Tab選項卡切換效果
function?$(id){ return?typeof?id=="string"?document.getElementById(id):id; }
2014-12-11
源自:Tab選項卡切換效果 1-4
正在回答
$(id)是js document.getElementById(id)的簡寫,定義了這個方法以后調(diào)用的時候就可以直接用類似于jquery中那樣的$(“img-icon”).onclick簡單封裝。所以很多人喜歡這樣寫:
var $ = function(id){return document.getElementById(id);};
但是這一類js代碼會和與JQuery對象獲取函數(shù)沖突會與JQuery沖突的,導致JQuery獲取不了對象,出現(xiàn)類似于:Uncaught TypeError: Cannot set property ‘onclick’ of null 這樣的錯誤提示。
安全的寫法可以這樣
var $id = function (id) { ? ?return "string" == typeof id ? document.getElementById(id) : id;};
或者:
var $id = function (id) { ? ?return typeof id == "string" ? document.getElementById(id) : id; ?};
千萬分之一 提問者
為何用"string" === typeof id 而不是"=="?
fiona23
舉報
本課程詳細介紹網(wǎng)頁頁面中最流行常用的tab切換效果
2 回答這段代碼是什么意思
2 回答這段代碼什么意思
2 回答老師第一段函數(shù)幫忙解釋下
1 回答記錄一下整體的代碼
1 回答這段代碼為什么沒用啊
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2014-12-11
$(id)是js document.getElementById(id)的簡寫,定義了這個方法以后調(diào)用的時候就可以直接用類似于jquery中那樣的$(“img-icon”).onclick簡單封裝。所以很多人喜歡這樣寫:
var $ = function(id){
return document.getElementById(id);
};
但是這一類js代碼會和與JQuery對象獲取函數(shù)沖突會與JQuery沖突的,導致JQuery獲取不了對象,出現(xiàn)類似于:Uncaught TypeError: Cannot set property ‘onclick’ of null 這樣的錯誤提示。
安全的寫法可以這樣
var $id = function (id) {
? ?return "string" == typeof id ? document.getElementById(id) : id;
};
或者:
var $id = function (id) {
? ?return typeof id == "string" ? document.getElementById(id) : id; ?
};
2014-12-12
為何用"string" === typeof id 而不是"=="?