补全一段jQuery代码
生活随笔
收集整理的這篇文章主要介紹了
补全一段jQuery代码
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
補全下面代碼:
window.jQuery = ???window.$ = jQueryvar $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 添加 classnodes.addClass = function (className) {for (let i = 0; i < nodes.length; i++) {nodes[i].classList.add(className)}}return nodes}window.$ = jQueryvar $div = $('div')$div.addClass('red') // 可將所有 div 的 class 添加一個 red$div.setText('hi') // 可將所有 div 的 textContent 變為 hi主要思路是,window.$ = jQuery所以window.jQuery要等于一個函數,這個函數接收一個參數,返回一個對象,返回的對象包含兩個方法,這兩個方法可以添加text文本和添加class類
總結
以上是生活随笔為你收集整理的补全一段jQuery代码的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 活久见: 原来 Chrome 浏览器支持
- 下一篇: Redis的高级特性哨兵