Einführung in die Verwendung von jQuery (Code)

Der Inhalt dieses Artikels befasst sich mit der Verwendung von jQuery (Code). Freunde in Not können darauf verweisen.

Codeteil

<script>
        window.jQuery=function(nodeOrSelector){
            let nodes={}
            let node1=[]
            if(typeof nodeOrSelector==='string'){
               let temp=document.querySelectorAll(nodeOrSelector)
               for(let i=0;i<temp.length;i++){
                   node1[i]=temp[i]
               }
            
            }else if(nodeOrSelector instanceof Node){
                node1={
                    0:nodeOrSelector,
                    length:1
                }
            }
            nodes.addClass=function(classes){
                classes.forEach(value => {
                    for(let i=0;i<node1.length;i++){
                        node1[i].classList.add(value)
                    }
                })
            
            }

             nodes.setText=function(text){
                for(let i=0;i<node1.length;i++){
                    node1[i].textContent=text
                }
            }
            return nodes   
        }
        window.$=jQuery
        var $p=$(&#39;p&#39;)
        $p.addClass([&#39;red&#39;])
        $p.setText(&#39;hi&#39;)
</script>

Idee

Deklarieren Sie zunächst die Funktion jQuery() und deklarieren Sie ein Objekt, das zwei Funktionen in der Funktion kapselt, um Elemente zu klassifizieren und hinzuzufügen. Die Funktion von Text;
Bestimmen Sie als Nächstes, ob der übergebene Parameter eine Zeichenfolge oder ein Knoten in der Funktion ist.
Schreiben Sie dann die Methoden addClass und setText. Geben Sie schließlich die Objektknoten zurück, und Sie können die Methode im Objekt aufrufen , und schon sind Sie fertig.

Dieser Artikel ist hier zu Ende. Weitere spannende Inhalte finden Sie in der Spalte

jQuery-Video-Tutorial auf der chinesischen PHP-Website!

Das obige ist der detaillierte Inhalt vonEinführung in die Verwendung von jQuery (Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!