Exemples comparatifs de js et jq

Cet article partage principalement avec vous les exemples comparatifs de js et jq, principalement sous forme de code j'espère qu'il pourra aider tout le monde.

1. Traversée / événements

//  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. Obtenez des attributs personnalisés

// js
var id = document.querySelector('.demo').dataset.id;

// jq
var id = $('.demo').data('id');

3. Définir les attributs CSS

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

4 . Obtenez src

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

5. Change className

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

Recommandations associées :

Résumé des points de connaissances JS et jquery

Code d'implémentation de la fonction de vérification des informations d'enregistrement JS et jQuery

Quelle est la différence entre JS et JQUERY

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!