Maison > interface Web > Questions et réponses frontales > Comment rendre l'élément id non modifiable dans jquery

Comment rendre l'élément id non modifiable dans jquery

青灯夜游
Libérer: 2022-06-10 16:31:29
original
1745 Les gens l'ont consulté

Comment rendre l'élément id non modifiable dans jquery : 1. Obtenez l'élément spécifié via la valeur de l'attribut id, la syntaxe "$("#id value")" renverra un objet jquery contenant l'élément spécifié ; 2. Utilisez attr ; () à L'objet élément obtenu peut être rendu non modifiable en définissant l'attribut désactivé. La syntaxe est "id element object.attr("disabled", "disabled");".

Comment rendre l'élément id non modifiable dans jquery

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

Méthode jquery pour rendre l'élément id non modifiable

1. Obtenez l'élément spécifié via la valeur de l'attribut id

$("#id值")
Copier après la connexion

renverra un objet jquery contenant l'élément spécifié

2 Créez l'élément obtenu. object Inéditable

Utilisez simplement la méthode attr() pour définir l'attribut désactivé sur l'élément afin de rendre l'élément non modifiable.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="./js/jquery-3.6.0.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("#box").css("border","1px solid red");
				$("button").click(function() {
					$("#box").attr("disabled", "disabled");
					// $("textarea").attr("disabled","true");
				});
			});
		</script>
	</head>

	<body>
		<textarea></textarea><br><br>
		<textarea id="box">id="box"元素</textarea><br><br>
		<button>让id="box"元素不可编辑</button>
	</body>

</html>
Copier après la connexion

Comment rendre lélément id non modifiable dans jquery

【Apprentissage recommandé : 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal