* >> Lecture Éducation Articles >> tech >> développement web

jQuery Leçon Série - 1

s la balise de script ci-dessus sont ils vont être servis directement depuis les serveurs CDN de Google, qui est plus rapide qu'un serveur normal. Il y a une différence essentielle entre la première et la deuxième méthode. Le fichier étant inclus dans la première méthode serait un minified. A la suite de cette la taille de la source est inférieure par rapport à la file étant inclus dans le deuxième procédé. Personnellement, je préfère CodeLike de la première one.Let tout autre langage de programmation, nous allons commencer avec un exemple bonjour mondiale.

L'objectif de ce code est d'écrire /insérer une chaîne "Bonjour tout le monde!" à un élément HTML basé sur HTML élément ID

$ ("# msgContainer") html ("Bonjour tout le monde!");..

Si vous regardez le code le code semble très faible. Ce code est équivalent à:

var msgContainer = document.getElementById ("msgContainer"); if (msgContainer) {msgContainer = "Bonjour tout le monde!";}

Permet de disséquer le code jQuery. Pour un débutant, ce code jQuery ressemble weired et laid et surtout de sens.

Je vais disséquer le code et explique:

$ ("# msgContainer")

$ () est une fonction multi-usages pour récupérer les éléments DOM ainsi que pour d'autres choses dans jQuery, qui seront couvertes dans les sections ultérieures de cette série. Dans cet exemple, nous utilisons cette fonction vous donnera tous les éléments références dont l'ID est "msgContainer". Cette fonction donnera l'élément sous la forme d'une liste de nœuds (similaire à un tableau)

$ ("# msgContainer") html ("Bonjour tout le monde!");. La fonction

html () avec un.

argument placer la valeur d'argument dans l'élément recueillies ou plutôt html () est équivalente à la innerHTML property.jQuery fait usage d'un concept appelé chaînage tout le temps. Cela pourrait être chose peu difficile pour une personne sans beaucoup de fond JavaScript. Je vais expliquer plus sur jQuery chaînage dans mon prochain article.

Page << [1] [2]

jQuery Leçon Série - 1

jQuery Leçon Série - 2

développement web

développement web