recherche

Maison >interface Web >js tutoriel >Exemples comparatifs de js et jq

Exemples comparatifs de js et jq

小云云
小云云original
2018-03-26 16:26:111636parcourir

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(&#39;.demo&#39;).dataset.id;

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

3. Définir les attributs CSS 

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

4 . Obtenez src

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

5. Change className

//jsdocument.querySelector(&#39;.demo&#39;).className = "list";//jq$(&#39;.demo&#39;).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!

jquery css JS 事件
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment utiliser la balise hypertexte dans JSArticle suivant：Comment utiliser la balise hypertexte dans JS

Articles Liés

Voir plus