補全一段jQuery代碼

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

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

補全下面代碼：

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

補全后：

    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 添加一個 red
    $div.setText("hi") // 可將所有 div 的 textContent 變?yōu)?hi

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

GPU云服務(wù)器云服務(wù)器一段手機html代碼代碼補全 asp注釋一段代碼 html代碼補全頁面

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/100299.html

相關(guān)文章

20181012微信小程序填坑手冊～

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

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

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

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

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

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

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

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

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

malakashi 2019-08-30 15:46 評論0 收藏0