Maison > interface Web > js tutoriel > Analyse de l'utilisation de la méthode jQuery() dans jQuery_jquery

Analyse de l'utilisation de la méthode jQuery() dans jQuery_jquery

WBOY
Libérer: 2016-05-16 16:24:12
original
1390 Les gens l'ont consulté

Les exemples de cet article décrivent l'utilisation de la méthode jQuery() dans jQuery. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Définition et utilisation de la méthode jQuery() :
Cette méthode peut accepter un ensemble de sélecteurs pour faire correspondre les éléments correspondants. Par exemple :

Copier le code Le code est le suivant :
jQuery("div")

Dans les applications pratiques, $ est généralement utilisé pour définir jQuery. En fait, $ est l'abréviation de jQuery. Par exemple, $("li") peut être écrit sous la forme jQuery("li").
Les fonctions principales de jQuery sont toutes implémentées via cette méthode, ou sont implémentées en utilisant cette méthode d'une manière ou d'une autre. Ce qui suit est une introduction détaillée à l’utilisation de cette méthode.
Structure grammaticale 1 :
Lorsque la méthode jQuery() n'a aucun paramètre, elle renvoie un objet jQuery vide.

Copier le code Le code est le suivant :
jQuery()

Exemple de code :

Copier le code Le code est le suivant :






jQuery() function-Script Accueil




Cliquez pour voir l'effet


Structure grammaticale 2 :

Copier le code Le code est le suivant :
jQuery(sélecteur, contexte)

Liste des paramètres :

参数 描述
selector 用来匹配元素的选择器。
context 可选。待查找的DOM元素集、文档或者jQuery对象。
如果没有指定,则就是当前整个文档。

Si non précisé, il s'agit de l'intégralité du document actuel.

Exemple de code :
Exemple 1 :

Copier le code Le code est le suivant :






jquery() function-Script Accueil






  • Zone CSS DIV

  • Zone jQuery

  • Zone HTML




  • Zone ASP

  • Script HouseBienvenue


Le soleil est au rendez-vous


Cliquez pour voir l'effet


Le code ci-dessus peut définir la couleur de la police dans l'élément li sur rouge.
Exemple 2 :

Copier le code Le code est le suivant :






jquery() function-Script Accueil






  • Zone CSS DIV

  • Zone jQuery

  • Zone HTML




  • Zone ASP

  • Script HouseBienvenue


Le soleil est au rendez-vous


Cliquez pour voir l'effet


Le code ci-dessus définit la couleur de la police de l'élément li du div sur rouge.
Troisième structure grammaticale :
Convertissez les éléments DOM et les tableaux d'éléments DOM en objets jQuery.

Copier le code Le code est le suivant :
jQuery(element|elementArray)

Liste des paramètres :

参数 描述
element 要转换成jQuery对象的DOM元素。
elementArray 要转换成jQuery对象的DOM元素数组。

Exemple de code :
Exemple 1 :

Copier le code Le code est le suivant :






jquery() function-Script Accueil






  • Zone CSS DIV

  • Zone jQuery

  • Zone HTML




  • Zone ASP

  • Script HouseBienvenue


Le soleil est au rendez-vous


Cliquez pour voir l'effet


Le code ci-dessus peut définir la couleur de la police dans l'élément li avec l'identifiant en premier sur rouge.
Exemple 2 :

Copier le code Le code est le suivant :






jQuery() function-Script Accueil






  • Zone CSS DIV

  • Zone jQuery

  • Zone HTML




  • Zone ASP

  • Script HouseBienvenue


Le soleil est au rendez-vous


Cliquez pour voir l'effet


Structure grammaticale quatre :

Copier le code Le code est le suivant :
jQuery(callback)

jQuery (callback) est l'abréviation de $(document).ready(), qui est utilisée dans plusieurs exemples ci-dessus.
Sa fonction est d'exécuter la fonction de rappel
après le chargement du document. Liste des paramètres :
参数 描述
callback 文档加载完成之后要执行的函数。

Exemple de code :

Copier le code Le code est le suivant :






jQuery() function-Script Accueil






Copier le code Le code est le suivant :
jQuery(function(){
alert("Chargement du document terminé");
})

La fonction est la même que le code suivant :

Copier le code Le code est le suivant :
$(document).ready(function(){
alert("Chargement du document terminé");
})

J'espère que cet article sera utile à la programmation jQuery de chacun.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal