So entfernen Sie den Rahmenstil in JQuery-Front-End-Fragen und Antworten-php.cn

So entfernen Sie den Rahmenstil in JQuery

青灯夜游

Freigeben： 2022-06-07 17:34:09

Original

2693 Leute haben es durchsucht

Zwei Methoden: 1. Verwenden Sie css(), um den Rahmenattributwert auf „none“ zu setzen, und die Syntax lautet „specify element.css(„border“, „none“)“. 2. Verwenden Sie attr(), um einen neuen Stil hinzuzufügen und den alten Stil zu überschreiben. Die Syntax lautet „specify element.attr(“style“,„border:none“)“.

So entfernen Sie den Rahmenstil in JQuery

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.2.1-Version, Dell G3-Computer.

In jquery können Sie den Rahmenstil entfernen, indem Sie den Wert des Rahmenattributs über die integrierte Methode auf „none“ setzen.

Zwei Methoden zum Entfernen von Rändern:

1. Verwenden Sie css(), um den Wert des Randattributs auf „none“ zu setzen.

css() kann einen oder mehrere Stile für die Eigenschaft „Übereinstimmende Elemente“ festlegen .

Syntax entfernen:

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

Nach dem Login kopieren

Beispiel:

<!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>

Nach dem Login kopieren

So entfernen Sie den Rahmenstil in JQuery

2. Verwenden Sie attr(), um einen neuen Stil „border:none“ hinzuzufügen und den alten Stil zu überschreiben. Die Methode attr() kann die Attribute festlegen des ausgewählten Elementwerts.

Verwenden Sie die Methode attr(), um das Stilattribut festzulegen und einen neuen Inline-Stil „border:none“ hinzuzufügen.

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

Nach dem Login kopieren

【Empfohlenes Lernen: So entfernen Sie den Rahmenstil in JQuery jQuery-Video-Tutorial

Web-Frontend-Video】

Das obige ist der detaillierte Inhalt vonSo entfernen Sie den Rahmenstil in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!