jquery a plusieurs méthodes d'affectation-Questions et réponses frontales-php.cn

jquery a plusieurs méthodes d'affectation

青灯夜游

Libérer： 2022-06-09 18:14:21

original

8939 Les gens l'ont consulté

jquery a 3 méthodes d'affectation : 1. En utilisant text(), la syntaxe "$(selector).text(content)" peut définir le contenu textuel de l'élément sélectionné. 2. Utilisez html(), la syntaxe "$(selector).html(content)", vous pouvez définir le contenu de l'élément sélectionné (innerHTML) ; 3. Utilisez val(), vous pouvez définir l'attribut value de l'élément sélectionné ; élément, généralement utilisé. Affectation de la zone de saisie.

jquery a plusieurs méthodes d'affectation

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

Il y a trois méthodes pour l'affectation jQuery:

Text ()
html ()
val ()

Text () Méthode

Text () Les méthodes peuvent être défini sur Le contenu textuel de l'élément sélectionné.

Syntaxe :

//设置文本内容：
$(selector).text(content)

//使用函数设置文本内容：
$(selector).text(function(index,currentcontent))

Copier après la connexion

Exemple : Attribuer une valeur à la méthode div

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="./js/jquery-3.6.0.min.js"></script>
		<script>
			$(document).ready(function(){
				$("button").click(function(){
					$("div").text("Hello world!");
				});
			});
			</script>
	</head>
	<body>

		<div style="width: 200px;height: 100px;border: 1px solid #AFEEEE; background-color: #AFEEEE;"></div><br>
		<button>给div添加内容</button>

	</body>
</html>

Copier après la connexion

jquery a plusieurs méthodes daffectation

html() La méthode

html() peut définir le contenu (innerHTML) de l'élément sélectionné.

Syntaxe :

//设置内容：
$(selector).html(content)

//使用函数设置内容：
$(selector).html(function(index,currentcontent))

Copier après la connexion

Exemple : Attribuer une valeur à p

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="./js/jquery-3.6.0.min.js"></script>
		<script>
			$(document).ready(function(){
				$("button").click(function(){
					$("p").html("Hello world!");
				});
			});
		</script>
		<style>
			p{
				width: 200px;
				height: 100px;
				border: 1px solid #AFEEEE;
				background-color: #AFEEEE;
			}
		</style>
	</head>
	<body>

		<p></p>
		<button>给p添加内容</button>

	</body>
</html>

Copier après la connexion

jquery a plusieurs méthodes daffectation

méthode val()

val() définit l'attribut de valeur de l'élément sélectionné, généralement utilisé pour attribuer des valeurs à zones de saisie.

Syntaxe :

//设置 value 属性：
$(selector).val(value)

//通过函数设置 value 属性：
$(selector).val(function(index,currentvalue))

Copier après la connexion

Exemple : Attribution de valeurs aux éléments d'entrée

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="./js/jquery-3.6.0.min.js"></script>
		<script>
			$(document).ready(function(){
				$("button").click(function(){
					$("input").val("Hello world!");
				});
			});
		</script>
		<style>
			p{
				width: 200px;
				height: 100px;
				border: 1px solid #AFEEEE;
				background-color: #AFEEEE;
			}
		</style>
	</head>
	<body>

		<input type="text"><br><br>
		<button>给input添加内容</button>

	</body>
</html>

Copier après la connexion

jquery a plusieurs méthodes daffectation