exemples de base de l'application de jQuery comprennent ceux qui sont pour se cacher et d'animer des éléments de page Web, et de changer également le contenu et l'apparence d'un élément. Avant de travailler à travers ces exemples, apprendre comment choisir les éléments avec jQuery. Cela garantit que les méthodes jQuery vous exécutez allons travailler sur les éléments destinés . Cacher
Vous pouvez masquer des éléments de page Web comme les paragraphes et les titres à l'aide de la méthode Hide de CSS. Restaurer la visibilité de l'élément avec la méthode Show . Par exemple , l'énoncé « (" # someelement " ) . Cacher ()" permet de masquer l'élément HTML avec la balise "# someelement . " Le programme d'exemple qui suit crée une page Web avec un bouton pour vous montrer comment cacher dynamiquement un paragraphe
méthode Animate de jQuery , vous pouvez faire un paragraphe ou un autre élément HTML changent dynamiquement position et la taille , ce qui vous permet d'effectuer des animations simples . Spécifiez l'attribut que vous souhaitez animer , avec la valeur par laquelle vous voulez que l'attribut de changer, comme premier argument à animer. Entourer cet argument avec des accolades . Spécifiez la vitesse à laquelle vous voulez que l'animation se produire dans le deuxième argument de Animate . Utilisez l'exemple de programme qui suit pour apprendre à faire un paragraphe se déplacent à travers l'écran.
< Script type = " text /javascript" src = " jquery.js " ; > < script de { marginLeft : " 500px "}, "lent" ) ;}) ;}) ;
Regardez ce mouvement .
modification du contenu
utiliser jQuery pour modifier le contenu HTML en utilisant une méthode telle HTML, Append ou avant . Par exemple, si vous voulez ajouter du texte existant à un point particulier dont l'id est " myparagraph , " écrire la déclaration suivante .
Voici un exemple de programme qui illustre la méthode Append
< script type = " text /javascript" src = " jquery.js " ; > < script de monde ");} ) ;}) ; Photos
< p id = " myparagraph "> paragraphe 1 < /html> Changement de méthode de CSS CSS
utiliser jQuery pour changer le style des paragraphes , des boutons , des titres et d'autres éléments HTML. Par exemple, " CSS ( " font-weight "," gras " ) " rendra le texte d'un élément HTML gras. Identifier l'attribut CSS que vous souhaitez modifier dans le premier argument de la méthode CSS. Sélectionnez la valeur de cet attribut avec le deuxième argument de la méthode CSS. Voici un exemple de programme qui met la méthode CSS dans son contexte.
< script de id = " monBouton "> S'il vous plaît cliquez ici < /button>
Regardez ce tour en gras. < /p> < /body> < /html> Photos
