| maison  | Hardware  | réseaux  | programmation  | Logiciel  | Dépannage  | systèmes |  
programmation  
  • C /C + + Programming

  • Computer Programming Languages

  • Delphi Programming

  • Programmation Java

  • Programmation JavaScript

  • PHP /MySQL Programmation

  • programmation Perl

  • Programmation Python

  • Ruby Programming

  • Visual Basics programmation
  •  
    Connaissances Informatiques >> programmation >> Programmation JavaScript >> Content
    Exemples de base de JQuery
    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

    < script. id = " monBouton "> S'il vous plaît cliquez ici.

    Suivre cet disparaître.

    Photos
    animation

    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 .

    $ ("# Myparagraph " ) . Append ( " Nouveau texte " ) .

    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

    Previous :

    next :
      articles connexes
    ·Comment faire un script utilisateur en GreaseMonkey 
    ·Effets opacité dans MooTools 
    ·Comment faire pour installer une date Allez jQuery 
    ·JavaScript Code de validation pour les champs correspon…
    ·Comment écrire en utilisant Javascript 
    ·Comment cocher Windows Autorisations de partage réseau…
    ·Comment obtenir un attribut dans JavaScript 
    ·Comment faire pour empêcher JavaScript d'être consult…
    ·Javascript partielles Fonctions 
    ·Comment utiliser JavaScript avec flash 
      articles en vedette
    ·Comment Traverse arbres binaires en Java 
    ·Comment lire dans les chaînes dans un tableau C + + 
    ·Avantages Jquery 
    ·Comment utiliser Xcode 
    ·Comment ajouter des chaînes à une liste Java 
    ·VB.NET programmation serveur client 
    ·Comment lire délimités champs dans un fichier à l'ai…
    ·Comment insérer des données dans MySQL avec PHP 
    ·Comment annuler une validation dans Subversion 
    ·Comment déplacer VARCHAR2 à NCLOB 
    Copyright © Connaissances Informatiques http://fr.wingwit.com