Que pouvez-vous faire avec jquery

Utilisez jquery pour : 1. Obtenir des éléments DOM rapidement et facilement ; 2. Modifier dynamiquement le style de la page ; 3. Modifier dynamiquement le contenu DOM ; 4. Répondre à l'interaction de l'utilisateur ; ; 6. Unifier les opérations Ajax ; 7. Simplifier les tâches JavaScript courantes, etc.

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.0, cette méthode convient à toutes les marques d'ordinateurs.

Tutoriel recommandé : Tutoriel vidéo jquery

La bibliothèque jQuery fournit une couche d'abstraction universelle (multi-navigateur) pour la programmation de scripts Web, ce qui la rend adaptée à presque toutes les programmations de scripts. situation. jQuery peut généralement nous fournir les fonctions suivantes :

1. Obtenez des éléments du DOM de manière pratique et rapide

Si vous utilisez du JavaScript pur pour parcourir le DOM et trouver une certaine partie du DOM, vous le ferez. écrivez beaucoup de code redondant, tout en utilisant jQuery, une seule ligne de code suffit. Par exemple, pour trouver toutes les balises P dans p avec le style de classe .content appliqué, vous n'avez besoin que de la ligne de code suivante :

$('p.content').find('p');

2. Modifiez dynamiquement le style de la page

À l'aide de jQuery, nous peut modifier dynamiquement le CSS de la page même après le rendu de la page. jQuery peut toujours modifier les classes ou les propriétés de style individuelles dans certaines parties du document. Par exemple, recherchez la première sous-balise li de toutes les balises ul de la page, puis ajoutez-y un style nommé actif. Le code est le suivant :

$('ul > li:first').addClass('active');

Modifiez dynamiquement le contenu du DOM

$('#container').append('<a href="more.html">more</a>');

$('button.show-details').click(function() {
  $('div.details').show();
});

$(function () {
            $("#btnShow").click(function () {
                $("#msubject").hide("slow");
            });
        });

function (data, type) {
     // 对Ajax返回的原始数据进行预处理3     return data  // 返回处理后的数据4 }

$.each(obj, function(key, value) {
  total += value;
});

Enseignement de la programmation ! !

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!