独自のAPIをカプセル化することでjQueryを理解し学習する

效果图png
jQueryは取得メソッドの宣言を呼び出し,伝達パラメータのデータを判断し,文字列であればノードのすべての擬似配列を取得して操作することを示す.Domオブジェクトであれば、DomオブジェクトをJqueryオブジェクトに変換します.

    window.jQuery = function(node_selector){
    let nodes = {}
   
    if(typeof node_selector === 'string'){
        let temp = document.querySelectorAll(node_selector)
        for(let i =0;i

入力されたjQueryオブジェクトに変換されたメソッドの操作を行うには、addClass関数を宣言し、ノードオブジェクトに新しいclass属性を追加し、各ノードにclassを追加します.

   
    nodes.addClass = function(classes){
        classes.forEach((value) => {
            for(let i = 0;i

ノードオブジェクトのテキスト内容を取得して付与しますが、同じオブジェクトの同じ属性を操作するため、どちらが一意かをメソッド関数に書くことができます.

    nodes.getText = function(){
        var texts = []
        for(let i = 0;i

これが両者を統合した関数で、効果はそっくりです.

    nodes.text = function(text){
        if(text === undefined){
            var texts = []
        for(let i = 0;i