Maison >interface Web >Questions et réponses frontales >Comment supprimer le style de bordure dans jquery

Comment supprimer le style de bordure dans jquery

青灯夜游original: 2022-05-17 18:05:442736parcourir

Deux méthodes : 1. Utilisez css() pour définir la valeur de l'attribut border sur "none", et la syntaxe est "specify element.css("border","none")". 2. Utilisez attr() pour ajouter un nouveau style et écraser l'ancien style. La syntaxe est "specify element.attr("style","border:none")".

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

Dans jquery, vous pouvez supprimer le style de bordure en définissant la valeur de l'attribut border sur "aucun" via la méthode intégrée.

Deux méthodes pour supprimer la bordure :

1. Utilisez css() pour définir la valeur de l'attribut border sur "aucun". La méthode css() peut définir un ou plusieurs styles de propriété d'éléments correspondants. .

Supprimez la syntaxe :

$(selector).css("border","none")

Exemple :

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").bind("click", function() {
					$("p").css("border","none");
				});
			});
		</script>
		<style>
			p{
				border: 2px solid red;
				background-color: pink;
			}
		</style>
	</head>

	<body>
		<button>去掉border样式</button>
		<p>这是一个p段落</p>
		<p>这是一个p段落</p>
	</body>
</html>

Comment supprimer le style de bordure dans jquery 2 Utilisez attr() pour ajouter un nouveau style de "border:none" et écraser l'ancien style

attr() peut définir les attributs. de la valeur de l'élément sélectionné.

Utilisez la méthode attr() pour définir l'attribut de style et ajouter un nouveau style en ligne "border:none".

$(document).ready(function() {
	$("button").bind("click", function() {
		$("p").attr("style","border:none");
	});
});

【Apprentissage recommandé : Comment supprimer le style de bordure dans jquery 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 précédent：Comment obtenir les premiers éléments frères et sœurs dans jqueryArticle suivant：Comment obtenir les premiers éléments frères et sœurs dans jquery

Articles Liés

Voir plus