補(bǔ)全一段jQuery代碼

ChristmasBoy 發(fā)布于2019-08-23 14:14 / 1624人閱讀

摘要：補(bǔ)全下面代碼可將所有的添加一個(gè)可將所有的變?yōu)檠a(bǔ)全后偽數(shù)組設(shè)置所有的為所有添加可將所有的添加一個(gè)可將所有的變?yōu)橹饕悸肥牵砸扔谝粋€(gè)函數(shù)，這個(gè)函數(shù)接收一個(gè)參數(shù)，返回一個(gè)對(duì)象，返回的對(duì)象包含兩個(gè)方法，這兩個(gè)方法可以添加文本和添加類(lèi)

補(bǔ)全下面代碼：

    window.jQuery = ???
    window.$ = jQuery
    
    var $div = $("div")
    $div.addClass("red") // 可將所有 div 的 class 添加一個(gè) red
    $div.setText("hi") // 可將所有 div 的 textContent 變?yōu)?hi

補(bǔ)全后：

    window.jQuery = function (nodeOrSelector) {
      let nodes = {}

      let temp = document.querySelectorAll(nodeOrSelector) //偽數(shù)組
      for (let i = 0; i < temp.length; i++) {
        nodes[i] = temp[i]
      }
      nodes.length = temp.length

      // 設(shè)置所有 div 的 textContent 
      nodes.setText = function (text) {
        for (let i = 0; i < nodes.length; i++) {
          nodes[i].textContent = text
        }
      }
      // 為所有 div 添加 class
      nodes.addClass = function (className) {
        for (let i = 0; i < nodes.length; i++) {
          nodes[i].classList.add(className)
        }
      }

      return nodes
    }
    window.$ = jQuery
    var $div = $("div")
    $div.addClass("red") // 可將所有 div 的 class 添加一個(gè) red
    $div.setText("hi") // 可將所有 div 的 textContent 變?yōu)?hi

主要思路是，window.$ = jQuery所以window.jQuery要等于一個(gè)函數(shù)，這個(gè)函數(shù)接收一個(gè)參數(shù)，返回一個(gè)對(duì)象，返回的對(duì)象包含兩個(gè)方法，這兩個(gè)方法可以添加text文本和添加class類(lèi)

GPU云服務(wù)器云服務(wù)器一段手機(jī)html代碼代碼補(bǔ)全 asp注釋一段代碼 html代碼補(bǔ)全頁(yè)面

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/100299.html

相關(guān)文章

20181012微信小程序填坑手冊(cè)～

摘要：全屏蒙版彈窗遮不住的層級(jí)還是很高的，當(dāng)出現(xiàn)全屏蒙版彈窗時(shí)，是無(wú)法蓋住的，可以調(diào)用微信的，不過(guò)需要注意兼容低版本在類(lèi)設(shè)置的顏色并沒(méi)有變化。從6月份開(kāi)始到現(xiàn)在，寫(xiě)小程序?qū)⒔?個(gè)月了開(kāi)發(fā)時(shí)給自己埋了不少坑～給大家分享下我的填坑經(jīng)驗(yàn)～～開(kāi)發(fā)部分 1.小程序的組件修改不能觸發(fā)頁(yè)面刷新？需要在父級(jí)文件上保存下才會(huì)觸發(fā)（使用wepy開(kāi)發(fā)） 2.接口請(qǐng)求出現(xiàn)的問(wèn)題？記得勾選調(diào)試開(kāi)發(fā)工具上不校驗(yàn)...

劉玉平 2019-08-23 12:19 評(píng)論0 收藏0
typeahead.js 使用教程小結(jié)

摘要：規(guī)定查詢時(shí)要顯示的條目的最大值。用于自動(dòng)高亮突出顯示結(jié)果。其值可以是關(guān)鍵字符串，或者是將推薦對(duì)象轉(zhuǎn)換為的函數(shù)。默認(rèn)為移除功能，并將元素的狀態(tài)重置為原始狀態(tài)。關(guān)閉的下拉菜單。實(shí)屬原創(chuàng)，如有錯(cuò)誤，煩請(qǐng)指教前言：最近有個(gè)輸入框自動(dòng)補(bǔ)全的需求，例如百度搜索功能： showImg(https://segmentfault.com/img/bVzusL); 在輸入框輸入信息后，自動(dòng)提示補(bǔ)全。我選...

changfeng1050 2019-08-21 10:55 評(píng)論0 收藏0
Sublime text 前端開(kāi)發(fā)插件安裝和配置

摘要：前端開(kāi)發(fā)配置此文件目錄中文件主要是關(guān)于的插件配置，快捷鍵配置，主題和字體配置。插件列表所有插件都可以使用安裝，具體的安裝方法可以自行谷歌安裝，不在本文的介紹范圍之內(nèi)。這兩個(gè)插件主要是平時(shí)使用或者是這些預(yù)編譯語(yǔ)言有用，支持語(yǔ)法高亮。前端開(kāi)發(fā)sublimeconfig mac配置此文件目錄中文件主要是關(guān)于sublime的插件配置，快捷鍵配置，主題和字體配置。插件列表所有插件都可以使...

glumes 2019-08-19 17:20 評(píng)論0 收藏0
由一個(gè)“bug”到鮮為人知的jQuery.cssHooks

摘要：干想了半天，認(rèn)為可能還是本身的寫(xiě)法問(wèn)題。對(duì)象提供了一種通過(guò)定義函數(shù)來(lái)獲取或設(shè)置特定值的方法。簡(jiǎn)單來(lái)說(shuō)，給我們暴露了一個(gè)鉤子，我們可以自己定義方法比如，來(lái)實(shí)現(xiàn)針對(duì)某個(gè)屬性的特定行為。寫(xiě)在最前本次分享一下在一次jQuery賦值樣式失效的結(jié)果中來(lái)分析背后原因的過(guò)程。在翻jQuery源碼的過(guò)程中，感覺(jué)真是還不能說(shuō)自己只是會(huì)用jQuery，我好像連會(huì)用都達(dá)不到（逃歡迎關(guān)注我的博客，不定期更...

ernest.wang 2019-08-26 11:44 評(píng)論0 收藏0
由一個(gè)“bug”到鮮為人知的jQuery.cssHooks

摘要：干想了半天，認(rèn)為可能還是本身的寫(xiě)法問(wèn)題。對(duì)象提供了一種通過(guò)定義函數(shù)來(lái)獲取或設(shè)置特定值的方法。簡(jiǎn)單來(lái)說(shuō)，給我們暴露了一個(gè)鉤子，我們可以自己定義方法比如，來(lái)實(shí)現(xiàn)針對(duì)某個(gè)屬性的特定行為。寫(xiě)在最前本次分享一下在一次jQuery賦值樣式失效的結(jié)果中來(lái)分析背后原因的過(guò)程。在翻jQuery源碼的過(guò)程中，感覺(jué)真是還不能說(shuō)自己只是會(huì)用jQuery，我好像連會(huì)用都達(dá)不到（逃歡迎關(guān)注我的博客，不定期更...

malakashi 2019-08-30 15:46 評(píng)論0 收藏0