3 Methoden: 1. Verwenden Sie „$(“div“).height(height value)“, um einen neuen Höhenwert festzulegen. 2. Verwenden Sie „$(“div“).css(“height“, „height value“; )“, fügen Sie einen neuen Höhenstil hinzu; 3. Verwenden Sie „$(“div“).attr(“style“,“height:value“)“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.2.1-Version, Dell G3-Computer.
Es gibt viele Möglichkeiten, die Höhe von Elementen in jquery zu ändern:
height()
css()
attr()
1 div Height ändern
height() Methode kann die Höhe übereinstimmender Elemente festlegen. Syntax:
$("div").height(高度值)Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="js/jquery-3.2.1.min.js"></script>
<script>
$(document).ready(function() {
$("#but1").click(function() {
$("div").height("30px");
});
$("#but2").click(function() {
$("div").height("100px");
});
});
</script>
<style>
div{
height: 60px;
background-color: #FFC0CB;
}
</style>
</head>
<body>
<div>
一个div元素，高度60px
</div>
<br>
<button id="but1">减小div高度</button>
<button id="but2">增大div高度</button>
</body>
</html>
2. Verwenden Sie css(), um die Div-Höhe zu ändern
Verwenden Sie css(), um dem td-Element einen Höhenstil hinzuzufügen zum Beispiel für Methode 1: Ändern Sie
3. Verwenden Sie attr(), um die Div-Höhe zu ändern.
Verwenden Sie attr(), um den Stilattributwert zu steuern und den Höhenstil zum td-Element hinzuzufügen. Syntax:
$("div").css("height","高度值");Beispiel: Ändern Sie $(document).ready(function() {
$("button").click(function() {
$("div").css("height","40px");
});
});
auf der Grundlage des Beispiels für Methode 1 [Empfohlenes Lernen: 
jQuery-Video-Tutorial
Web-Frontend-Video]
Das obige ist der detaillierte Inhalt vonSo ändern Sie die Div-Höhe mithilfe von JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
CSS: Kann ich mehrere IDs im selben DOM verwenden?May 14, 2025 am 12:20 AMNein, you sollte nichtusemultipIdsinthesamedom.1) idsmustbeuniqueperhtmlspecification und UseDuplicateSconstinconsistentBrowserBehavior.2) Useclassesforstylingmultipleements, AttributeStorgetargetingBytributes undDesschonten- und Desschütten und Desschütten und Desschuhteilen und Desschüttungen und Desschüttungen
Die Ziele von HTML5: Erstellen eines leistungsfähigeren und zugänglichen WebsMay 14, 2025 am 12:18 AMHTML5aimstoenhancewebcapabilities,makingitmoredynamic,interactive,andaccessible.1)Itsupportsmultimediaelementslikeand,eliminatingtheneedforplugins.2)Semanticelementsimproveaccessibilityandcodereadability.3)Featureslikeenablepowerful,responsivewebappl
Bedeutende Ziele von HTML5: Verbesserung der Webentwicklung und BenutzererfahrungMay 14, 2025 am 12:18 AMHtml5aimstoenhancewebdevelopment undseRexperiencethroughsemanticsstruktur, Multimediaintegration und PerformanceimProvements.1) semanticelements wie und impovereadability und Accessibility.2) und TagsallownessmultimediaMeddingdingdingDingdingdingdingwithaugleDeUtPlugin.
HTML5: Ist es sicher?May 14, 2025 am 12:15 AMHtml5isnotinherentiNecure, ButitsFeaturesCanleadtoseCurityRiksifmisusesedOrimProperlyImplemented.1) UsethesandboxattributeIniframestocontrolembeddedContentandPreventVulerabilitsLiKeClickjacking.2) meiden
HTML5 -Tore im Vergleich zu älteren HTML -VersionenMay 14, 2025 am 12:14 AMHtml5AimedToenHancewebdevelopmentByIntrocingSemanticelemente, Nativemultimediasupport, verbesserte Formelemente und OfflineKapabilitäten, kontrastübergreifend mit THTHTHTHTHIMITIMITATIONSOFHTML4ANDXHTML.1) ITINTREIDEMANTICTAGAGAGAGAGAGAGAGAGAGEN, AUSGRISSIERUNGEN
CSS: Ist es schlecht, ID -Selektor zu verwenden?May 13, 2025 am 12:14 AMDie Verwendung von ID -Selektoren ist in CSS nicht von Natur aus schlecht, sollte aber mit Vorsicht verwendet werden. 1) ID -Selektor eignet sich für eindeutige Elemente oder JavaScript -Hooks. 2) Für allgemeine Stile sollten Klassenauswahlern verwendet werden, da sie flexibler und wartbarer sind. Durch die Ausbindung der Verwendung von ID und Klasse kann eine robustere und effizientere CSS -Architektur implementiert werden.
HTML5: Tore im Jahr 2024May 13, 2025 am 12:13 AMHtml5'Sgoalsin2024FocusonRefinement undoptimization, NotnewFeatures
Was sind die Hauptbereiche, in denen sich HTML5 verbessern versucht hat?May 13, 2025 am 12:12 AMHtml5AimedToimProvewebdevelopmentInfourKeyAreaas: 1) Multimediasupport, 2) Semanticsstruktur, 3) FormCapabilities und 4) Offline und StorageOptions.1) html5Introducuedand und vereinfachen mediaMbeddinganddingandenhancingSexperience.2)
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!
Heißer Artikel
Heiße Werkzeuge
Sicherer Prüfungsbrowser
Safe Exam Browser ist eine sichere Browserumgebung für die sichere Teilnahme an Online-Prüfungen. Diese Software verwandelt jeden Computer in einen sicheren Arbeitsplatz. Es kontrolliert den Zugriff auf alle Dienstprogramme und verhindert, dass Schüler nicht autorisierte Ressourcen nutzen.
DVWA
Damn Vulnerable Web App (DVWA) ist eine PHP/MySQL-Webanwendung, die sehr anfällig ist. Seine Hauptziele bestehen darin, Sicherheitsexperten dabei zu helfen, ihre Fähigkeiten und Tools in einem rechtlichen Umfeld zu testen, Webentwicklern dabei zu helfen, den Prozess der Sicherung von Webanwendungen besser zu verstehen, und Lehrern/Schülern dabei zu helfen, in einer Unterrichtsumgebung Webanwendungen zu lehren/lernen Sicherheit. Das Ziel von DVWA besteht darin, einige der häufigsten Web-Schwachstellen über eine einfache und unkomplizierte Benutzeroberfläche mit unterschiedlichen Schwierigkeitsgraden zu üben. Bitte beachten Sie, dass diese Software
VSCode Windows 64-Bit-Download
Ein kostenloser und leistungsstarker IDE-Editor von Microsoft
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
