Maison >interface Web >js tutoriel >Résumé de la syntaxe de base de JQuery_jquery

Résumé de la syntaxe de base de JQuery_jquery

WBOY
WBOYoriginal
2016-05-16 16:12:231061parcourir

1. $(document) convertit l'objet document en jquery

Copier le code Le code est le suivant :

$(document).ready(function(){
alert("bonjour tout le monde");
});

2. Obtenez tous les objets lien hypertexte et ajoutez des événements onclick En fait, l'objet jquery sous-jacent obtient un tableau de chaque balise, nous n'avons donc pas besoin de boucler

Copier le code Le code est le suivant :

$(document).ready(function(){
$("a").click(function(){
alert("bonjour tout le monde");
});
});

3. Conversion entre objets jquery et objets dom

Copier le code Le code est le suivant :

$(document).ready(function(){
var javascriptElement = document.getElementById("clickme");
//Convertir l'objet dom en objet jquery
var jqueryElement = $(javascriptElement);
//alert("javascript:" javascriptElement.innerHTML);//innerHTML récupère le contenu de la balise
//alerte("jquery:" jqueryElement.html());
//Convertir jquery en méthode objet dom 1
var jElement = $("#clickme");
var javascriptEle = jElement[0];
alert("jquery1: " javascriptEle.innerHTML);
//Méthode 2
var javascriptEle2 = jElement.get(0);
alert("jquery2: " javascriptEle2.innerHTML);
});

4. jquery résout le problème de savoir si la valeur id existe

Copier le code Le code est le suivant :

cliquez sur moi

5. Il est stipulé en JavaScript que lorsque vous souhaitez exploiter un attribut CSS, vous devez supprimer le '-' dans l'attribut et mettre la dernière lettre en majuscule ; par exemple : background-color doit être remplacé par backgroundColor

6. Les sélecteurs sont également utilisés dans jquery pour manipuler divers éléments . Il hérite du concept de conception CSS, mais le perpétue

 ;

7. Plusieurs formes d'écriture de jquery

1> Méthode 1

Copier le code Le code est le suivant :

$("document").ready(function(){
...
});

2> Méthode 2

Copier le code Le code est le suivant :

$().ready(function(){
...
});

3> Méthode 3

Copier le code Le code est le suivant :

$(fonction(){
...
});

Les méthodes ci-dessus sont les mêmes

J'espère que cet article sera utile à tous ceux qui apprennent la programmation jquery.

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