補全一段jQuery代碼

ChristmasBoy 發布于2019-08-23 14:14 / 1571人閱讀

摘要：補全下面代碼可將所有的添加一個可將所有的變為補全后偽數組設置所有的為所有添加可將所有的添加一個可將所有的變為主要思路是，所以要等于一個函數，這個函數接收一個參數，返回一個對象，返回的對象包含兩個方法，這兩個方法可以添加文本和添加類

補全下面代碼：

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

補全后：

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

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

      // 設置所有 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 變為 hi

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

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/100299.html

20181012微信小程序填坑手冊～

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

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

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

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

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

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

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

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

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

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