Quelles sont les méthodes de valeur dans jquery ?-Questions et réponses frontales-php.cn

Maison

interface Web

Questions et réponses frontales

Quelles sont les méthodes de valeur dans jquery ?

青灯夜游

May 17, 2022 pm 02:15 PM

jquery

5 façons d'obtenir des valeurs : 1. Utilisez "element object.text()" pour obtenir le contenu du texte de l'élément spécifié ; 2. Utilisez "element object.html()" pour obtenir le contenu contenant les balises dans l'élément ; 3. Utilisez "input "Box element.val()" pour obtenir le contenu d'entrée de l'utilisateur ; 4. Utilisez "Element object.attr("Attribute name")" pour obtenir la valeur de l'attribut spécifié, etc.

Quelles sont les méthodes de valeur dans jquery ?

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.2.1, ordinateur Dell G3.

Il existe de nombreuses façons d'obtenir des valeurs dans jquery. Laissez-moi vous les présenter ci-dessous.

1. Deux méthodes pour obtenir la valeur du contenu d'un élément : la méthode text() ou html()

text() peut renvoyer le contenu textuel de l'élément sélectionné. La méthode
html() peut renvoyer le contenu (innerHTML) de l'élément sélectionné.

Exemple : utilisez text() pour obtenir du contenu textuel, utilisez html() pour obtenir du contenu contenant des balises

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					console.log($("p").text());
					console.log($("p").html());
				});
			});
		</script>
	</head>
	<body>
		<button>获取p元素的内容</button>
		<p>这是一个<b>段落</b>。</p>
	</body>
</html>

Quelles sont les méthodes de valeur dans jquery ?

2. Obtenez la valeur d'entrée de la zone de saisie d'entrée

La valeur d'entrée du. la zone de saisie d'entrée est déterminée par la valeur Contrôle de propriété. Il peut être obtenu directement en utilisant la méthode val(), ou il peut être obtenu en utilisant la méthode attr("value").

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					console.log($("input[type=text]").val());
					console.log($("input[type=password]").attr("value"));
				});
			});
		</script>
	</head>
	<body>

		<button>获取input元素的内容</button>
		<p>用户名: <input type="text" name="user" value="李华" /></p>
		<p>密　码: <input type="password" name="password" value="123456" /></p>
	</body>
</html>

Quelles sont les méthodes de valeur dans jquery ?

3. Il est recommandé d'utiliser la méthode prop() pour faire fonctionner les deux attributs booléens avec des valeurset false, tels que vérifié, sélectionné et désactivé, tandis que d'autres attributs sont recommandés pour utiliser la méthode attr() pour fonctionner.

Exemple 1 : utilisez attr() pour obtenir la valeur d'un attribut normal

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script ></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					console.log($("input").attr("name"));
				});
			});
		</script>
	</head>
	<body>

		<button>获取name属性值</button>
		<p>用户名: <input type="text" name="user" value="李华" /></p>
	</body>
</html>

Exemple 2 : utilisez prop() pour obtenir la valeur d'un attribut booléen

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					console.log($("input").prop("disabled"));
				});
			});
		</script>
	</head>
	<body>

		<button>获取disabled属性值</button>
		<p>密　码: <input type="password" name="password" value="123456" disabled /></p>
	</body>
</html>

[Recommandé apprentissage :

Tutoriel vidéo jQuery 、Vidéo Web front-end

】

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

Article connexe

Quelles sont les limites de la réaction?May 02, 2025 am 12:26 AM

React'slimitations incluse: 1) asteeplearningCurveTeetoitSvastecosystème, 2) SeochallegenSwithClient-Sideredering, 3) PotentialPormancesuesesuesInlareApplications, 4) complexstatemangationAppsgrow, and5) thendeedtokeepupwithetsrapidevolution.thesfacteurs

Courbe d'apprentissage de React: défis pour les nouveaux développeursMay 02, 2025 am 12:24 AM

ReactisChallengingForbeginnersDuetOtsSteepLearningCurveandParadigmshiftTocomponent-BasedArchitecture.1) startwithofficialDocumentationforasolidfoundation.2) comprendjsxandhowtoembedjavascriptwithinit.3)

Générer des clés stables et uniques pour les listes dynamiques dans la réactionMay 02, 2025 am 12:22 AM

TheCorechallengeingEneratingStable and UniqueKeysfordynamiclistsInReacsensUringConsistentifIendentiveriersafrossre-RendersforefficEntedDomupdates.1) usenaturalkeyswhenpossible, astheyareReliableFunieandandsable.2) GeneraSyTheticKeysBasedonMultipleatTrUtid.

Fatigue JavaScript: rester à jour avec React et ses outilsMay 02, 2025 am 12:19 AM

JavascriptfatigueIrAratingManagable avec des stratégies comme une justice dans le sens

Tester des composants qui utilisent le crochet USESTATE ()May 02, 2025 am 12:13 AM

TOTESTREACTPONENTENTS USINGHEUSESTATATEHOOK, Utilisez JestAndreCtTestSingLibraryTosiMulaterInteractions andVerifyStateChangeSintheUi.1) rendethecomponentandCheckInitialState.2) simuleUseractionSlikeclickSorFormSubMessions.3)

Clés dans React: une plongée profonde dans les techniques d'optimisation des performancesMay 01, 2025 am 12:25 AM

KeysInreactaRuCrucialForoptimizingPerformanceByAidingInIeFicientListupDates.1) UseKeyStoidentifyAndTrackListeLelements.2) EvitusingArrayIndevices aykeystopReventPerformanceIssues.3) ChoosestablerifierserSikeLiDetem.idtOMAINTAINCOMPOINTSTATEANDDIMPROVEPORES

Que sont les clés dans la réaction?May 01, 2025 am 12:25 AM

ReactKeysareUniqueIdentifiants utilisés à la mise en place de la fin de la forme de conciliation.1) Ils sont devenus à la recherche de bilans de liste, 2) en utilisant des demandes et des identifications de liaison liés à la recommandation, 3)

L'importance des clés uniques dans la réaction: éviter les pièges communsMay 01, 2025 am 12:19 AM

UNIQUELYYSARECRUCIALINGREACTFOROPTIMIZERINGRENDERINGAnDSALINGAPONontStAtTate Intelectrity.1) useanaturalineIdentifierfromyOrdataifavailable.2) ifnonaturalientifierexists, générationauqueKeyUsingalibraryLIVEUID.3) EviturAnArrayIndevicesSkeys, Empestiall

See all articles