實現乙個jQuery的API

一.首先：

var $div = $(『div』)

$div.addclass('red') // 可將所有 div 的 class 新增乙個 red
$div.settext('hi') // 可將所有 div 的 textcontent 變為 hi

jquery本質上就是乙個建構函式，我們需要給它輸入引數，就可以返回對應引數的jquery例項。

window.jquery=function (){}

(1)

jquery的核心思想就是先選擇後處理，jquery建構函式的引數，主要是css選擇器。選擇乙個引數，比如，需求1 是讓

的class=『red』, 其中』div』就是要傳入的引數。

(2)window.jquery=function (nodeorselector)

let temp=document.queryselectorall(nodeorselector)

for(let i=0;i使用document.queryselectorall, 因為它遵循的是css選擇器的規則，可以幫助我們獲取乙個或者多個元素節點，用它確定選中引數的結果，在html文件中會獲取到多個結果，這個結果集是乙個偽陣列，遍歷這個偽陣列，將遍歷的結果存放在nodes物件中。

(3)window.jquery=function (nodeorselector)

let temp=document.queryselectorall(nodeorselector)

for(let i=0;i獲取到這個nodes物件之後，通過nodes建立乙個建構函式,這個函式中的classname，就是在window.jquery使用addclass這個屬性時要輸入的引數。在這個函式內部建立乙個for迴圈，

遍歷nodes,每一輪給nodes中對應的節點新增乙個classname。

就可以實現需求1了。

(4)window.jquery=function (nodeorselector)

let temp=document.queryselectorall(nodeorselector)

for(let i=0;i與需求1 同樣的步驟，nodes.settext接受乙個引數text,在這個函式內部建立乙個for迴圈，遍歷nodes每一輪給nodes中對應的節點新增乙個text。

這樣兩個api就可以實現這兩個需求了。它們可以同時給1個或多個元素節點，新增class和textcontent。