jQuery小功能

window.jQuery = function(nodesOrselector){
var node = {}
if(typeof nodesOrselector === 'string'){
node = document.querySelectorAll(nodesOrselector)
}else{
node = nodesOrselector
}
return {
addClass:function(color){
node.forEach(function(eleNode){
eleNode.classList.add(color)
console.log(eleNode.classList)
})
},
setText:function(text){
node.forEach(function(eleNode){
eleNode.textContent = text
})
}
}
}

window.$ = jQuery

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 阮一峰jQuery 不要學(xué)jquery mobile 獲取某個(gè)節(jié)點(diǎn)的所有兄弟姐妹 ul>li[id=item$]{...
    tsl1127閱讀 403評(píng)論 0 2
  • 一、樣式篇 第1章 初識(shí)jQuery (1)環(huán)境搭建 進(jìn)入官方網(wǎng)站獲取最新的版本 http://jquery.co...
    凜0_0閱讀 3,675評(píng)論 0 44
  • //------------------------- 第一章 認(rèn)識(shí)JQuery ----------------...
    米塔塔閱讀 809評(píng)論 0 9
  • 選擇器選擇器是jQuery的核心。 事件 動(dòng)畫 擴(kuò)展
    wyude閱讀 545評(píng)論 0 1
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性。 1....
    LaBaby_閱讀 1,276評(píng)論 0 1

友情鏈接更多精彩內(nèi)容