jQuery一段代碼的實(shí)現(xiàn)過程

jQuery就是一個(gè)函數(shù),接收一個(gè)參數(shù)箫攀,然后返回一個(gè)方法對(duì)象來操作DOM牢贸。

window.jQuery = function (nodeorSelector) {
let nodes = {};
if (typeof nodeorSelector === 'string') {
    let temp = document.querySelectorAll(nodeorSelector);
    for (let i = 0; i < temp.length; i++) {
        nodes[i] = temp[i];
    }
    nodes.length = temp.length;
} else if (nodeorSelector instanceof Node) {
    nodes = {
        0: nodeorSelector,
        length: 1
    }
}
nodes.addClass = function (classes) {
    for (let i = 0; i < nodes.length; i++) {
        nodes[i].classList.add(classes)
    }
}
nodes.setText = function (text) {
    if (text === undefined) {
        let texts = [];
        for (let i = 0; i < nodes.length; i++) {
            texts.push(nodes[i].textContent)
        }
        return texts;
    } else {
        for (let i = 0; i < nodes.length; i++) {
            nodes[i].textContent = text;
        }
    }
}
return nodes;
}
window.$ = jQuery;
var $div = $('div');
$div.addClass('red');
$div.setText('hi')

上述代碼將一個(gè)函數(shù)賦值給window.jquey,然后更改名字為$,
通過$('xxx').方法就可以調(diào)用window.jquey里面的方法土辩,不用擔(dān)心沖突等問題,使用也更方便一些

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末抢野,一起剝皮案震驚了整個(gè)濱河市拷淘,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌指孤,老刑警劉巖启涯,帶你破解...
    沈念sama閱讀 211,561評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異恃轩,居然都是意外死亡结洼,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,218評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門叉跛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來松忍,“玉大人,你說我怎么就攤上這事筷厘∶停” “怎么了酥艳?”我有些...
    開封第一講書人閱讀 157,162評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)玖雁。 經(jīng)常有香客問我更扁,道長(zhǎng)赫冬,這世上最難降的妖魔是什么浓镜? 我笑而不...
    開封第一講書人閱讀 56,470評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮劲厌,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘补鼻。我一直安慰自己哄啄,他們只是感情好风范,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,550評(píng)論 6 385
  • 文/花漫 我一把揭開白布咨跌。 她就那樣靜靜地躺著,像睡著了一般硼婿。 火紅的嫁衣襯著肌膚如雪锌半。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,806評(píng)論 1 290
  • 那天刊殉,我揣著相機(jī)與錄音,去河邊找鬼记焊。 笑死,一個(gè)胖子當(dāng)著我的面吹牛遍膜,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播捌归,決...
    沈念sama閱讀 38,951評(píng)論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼岭粤,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼惜索!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起巾兆,我...
    開封第一講書人閱讀 37,712評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤虎囚,失蹤者是張志新(化名)和其女友劉穎角塑,沒想到半個(gè)月后淘讥,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,166評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,510評(píng)論 2 327
  • 正文 我和宋清朗相戀三年搀罢,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了侥猩。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片榔至。...
    茶點(diǎn)故事閱讀 38,643評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡欺劳,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出划提,到底是詐尸還是另有隱情,我是刑警寧澤鹏往,帶...
    沈念sama閱讀 34,306評(píng)論 4 330
  • 正文 年R本政府宣布,位于F島的核電站掸犬,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏湾碎。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,930評(píng)論 3 313
  • 文/蒙蒙 一介褥、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧柔滔,春花似錦、人聲如沸睛廊。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,745評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至嘶朱,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間疏遏,已是汗流浹背救军。 一陣腳步聲響...
    開封第一講書人閱讀 31,983評(píng)論 1 266
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留唱遭,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,351評(píng)論 2 360
  • 正文 我出身青樓胆萧,卻偏偏與公主長(zhǎng)得像庆揩,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子订晌,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,509評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 前端開發(fā)者丨h(huán)ttp請(qǐng)求 https:www.rokub.com 前言見解有限锈拨, 如有描述不當(dāng)之處砌庄, 請(qǐng)幫忙指出奕枢,...
    麋鹿_720a閱讀 10,896評(píng)論 11 31
  • 一:什么是閉包娄昆?閉包的用處缝彬? (1)閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)萌焰。在本質(zhì)上,閉包就 是將函數(shù)內(nèi)部和函數(shù)外...
    xuguibin閱讀 9,540評(píng)論 1 52
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式谷浅。設(shè)計(jì)者無需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性扒俯。 1....
    LaBaby_閱讀 1,167評(píng)論 0 1
  • 函數(shù)和對(duì)象 1一疯、函數(shù) 1.1 函數(shù)概述 函數(shù)對(duì)于任何一門語言來說都是核心的概念撼玄。通過函數(shù)可以封裝任意多條語句墩邀,而且...
    道無虛閱讀 4,550評(píng)論 0 5
  • 花落方知輕風(fēng)晚 亭山月影芳菲殘 莫愁腸 新荷連天碧柳妝初成 蟬鳴驟減夜聲靜 流螢隱匿弄蓮心 不知味 梁間燕去楓火照...
    奏世華章閱讀 235評(píng)論 0 0