Heim >Web-Frontend >js-Tutorial >Vergleichsbeispiele von js und jq

Vergleichsbeispiele von js und jq

小云云
小云云Original
2018-03-26 16:26:111616Durchsuche

Dieser Artikel teilt Ihnen hauptsächlich die Vergleichsbeispiele von js und jq mit, hauptsächlich in Form von Code. Ich hoffe, dass er allen helfen kann.

1. Traverse/Ereignisse

//  js
var liList = document.querySelector('ul').querySelectorAll('li');
for(var i = 0; i < liList.length; i++){
    liList[i].onclick = function () {

    }
}
// jq
$(&#39;.optionUl li&#39;).each(function () {
    $(this).click(function () {
        
    });
})

2. Benutzerdefinierte Attribute abrufen

// js
var id = document.querySelector(&#39;.demo&#39;).dataset.id;

// jq
var id = $(&#39;.demo&#39;).data(&#39;id&#39;);

3. Holen Sie sich src

//jsdocument.querySelector(&#39;.demo&#39;).style.color = "red";//jq$(&#39;.demo&#39;).css("display")

5. Ändern Sie den Klassennamen

//jq var it = $(&#39;.captcha img&#39;).attr("src"); var it = $(&#39;.captcha img&#39;)[0].src;

Verwandte Empfehlungen:

//jsdocument.querySelector(&#39;.demo&#39;).className = "list";//jq$(&#39;.demo&#39;).css("display")

JS- und JQuery-Wissenspunktzusammenfassung

Implementierungscode für die Funktion zur Überprüfung der Registrierungsinformationen von JS und jQuery

Was ist der Unterschied zwischen JS und JQUERY

Das obige ist der detaillierte Inhalt vonVergleichsbeispiele von js und jq. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn