Heim >Web-Frontend >Front-End-Fragen und Antworten >So entfernen Sie den Rahmenstil in JQuery
So entfernen Sie den Rahmenstil in JQuery
- 青灯夜游Original
- 2022-05-17 18:05:442719Durchsuche
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“)“.
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")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>
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");
});
});
【Empfohlenes Lernen: 
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!