Maison >interface Web >js tutoriel >Résumer plusieurs méthodes d'implémentation de jquery ready()

Résumer plusieurs méthodes d'implémentation de jquery ready()

巴扎黑
巴扎黑original
2017-06-25 10:13:371285parcourir

Voici plusieurs façons d'écrire ready () de jQuery que je connais jusqu'à présent. S'il existe d'autres façons d'écrire, veuillez me le faire savoir

1. Le code le plus couramment utilisé et standard de

est le suivant :

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

2. C'est l'abréviation de ce qui précède :

Le code est le suivant :

$(function() {
})

Très étrange ? Pourquoi est-ce possible ? N'est-ce pas pour déterminer si le documentobjet est prêt puis exécuter la fonction Où est passé le document Jetons un coup d'œil au code source de jQuery : Le

le code est le suivant :

// Le constructeur

de jQuery ; var jQuery = function( a, c ) {
// La forme courte de $(document).ready(), uniquement Il ne sera exécuté que sous $(function(){...});
if ( a && typeof a == "function" && jQuery.fn.ready )
return jQuery(document). ready(a); // Assurez-vous que le paramètre a n'est pas vide, la valeur par défaut est document
a = a ||

Ouais ! Je l'ai trouvé, jetons un œil aux paramètres de cette méthode
$(sélecteur, contexte)
Le premier est le sélecteur, et le second est le conteneur
S'il n'est pas rempli, il sera par défaut à documenter

3.D'accord ! J'avoue que cette méthode est juste pour le plaisir

Le code est le suivant :

jQuery(document).ready(function(){

}) ;

4.

Le code est le suivant :

jQuery(function($){

alert($( "#ready1").html ());
});

Il n'y a pas de différence entre la quatrième méthode et la troisième méthode Chers invités, veuillez regarder attentivement ! Nous avons passé un paramètre $ à functION. Que dois-je faire si je veux l'utiliser à la place de $, mais que j'ai l'habitude d'utiliser $ ? Regardez le code suivant :



Le code est le suivant :

jQuery.noConflict();

jQuery(function ($){

alert($("#ready1").html()); //Nous pouvons à nouveau utiliser le symbole $
});

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!

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