jQuery définir le contenu et les propriétés
Définir le contenu - texte (), html () et val ()
Nous allons utiliser la même méthode que dans le chapitre précédent établi trois éléments:
- text () - Définit ou retourne le contenu du texte de l'élément sélectionné
- html () - Définit ou retourne le contenu de l'élément sélectionné (y compris les balises HTML)
- val () - Retourne les champs de valeur ou la forme
L'exemple suivant montre comment le texte (), html () et val () pour définir le contenu:
Exemples
$ ( "# Test1") texte ( "Bonjour tout le monde!") .;
});
$ ( "# BTN2"). Cliquez sur (function () {
$ ( "# Test2") html ( "<b> Bonjour tout le monde </ b>!") .;
});
$ ( "# Btn3"). Cliquez sur (function () {
$ ( "# Test3") val ( "w3big") .;
});
Essayez »
text (), html () et val () fonction de rappel
Les trois méthodes jQuery ci-dessus: text (), html () et val (), a également une fonction de rappel. Callback par deux paramètres: l'élément sélectionné dans la liste des éléments en vertu de la norme actuelle, ainsi que la (vieille) valeur d'origine. Ensuite, la fonction retourne la valeur que vous souhaitez utiliser la nouvelle chaîne.
L'exemple suivant montre le texte avec un rappel () et html ():
Exemples
$ ( "# Test1"). Text (function (i, origText) {
retour "vieux texte:" + origText + "nouveau texte: Bonjour tout le monde (index :!" + i + ")";
});
});
$ ( "# BTN2"). Cliquez sur (function () {
$ ( "# Test2"). Html (function (i, origText) {
retour "vieux html:" + origText + "nouveau html: Bonjour <b> Monde </ b> (index :!" + i + ")";
});
});
Essayez »
Définir les attributs - attr ()
méthode jQuery attr () est utilisé pour définir / modifier la valeur de la propriété.
L'exemple suivant montre comment modifier l'attribut href valeur du lien (réglage):
Exemples
$ ( "# W3big") .attr ( "href", "http://www.w3big.com/jquery");
});
Essayez »
méthode attr () vous permet également de définir des propriétés multiples simultanément.
L'exemple suivant montre comment définir l'attribut href à la fois et le titre:
Exemples
$ ( "# W3big"). Attr ({
"Href": "http://www.w3big.com/jquery",
"Titre": "Tutorial jQuery"
});
});
Essayez »
attr () fonction de rappel
Méthode jQuery attr (), fournissent également une fonction de rappel. Callback par deux paramètres: l'élément sélectionné dans la liste des éléments en vertu de la norme actuelle, ainsi que la (vieille) valeur d'origine. Ensuite, la fonction retourne la valeur que vous souhaitez utiliser la nouvelle chaîne.
L'exemple suivant illustre une méthode fonction de rappel attr ():
Exemples
$("#w3big").attr("href", function(i,origValue){
return origValue + "/jquery";
});
});
Essayez »