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

Comment supprimer le style de bordure dans jquery

青灯夜游
Libérer: 2022-06-07 17:34:09
original
2693 Les gens l'ont consulté

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")".

Comment supprimer le style de bordure dans jquery

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")
Copier après la connexion

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>
Copier après la connexion

Comment supprimer le style de bordure dans jquery2 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");
	});
});
Copier après la connexion

【Apprentissage recommandé : Comment supprimer le style de bordure dans jqueryTutoriel 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