jquery width()-Methode


  Übersetzungsergebnisse:

width

Englisch [wɪdθ] US [wɪdθ, wɪθ, wɪtθ]

n.Breite

jquery width()-MethodeSyntax

Funktion: Die Methode width() gibt die Breite des passenden Elements zurück oder legt sie fest.

Breite zurückgeben: Gibt die Breite des ersten passenden Elements zurück. Wenn für diese Methode keine Argumente festgelegt sind, wird die Breite des übereinstimmenden Elements in Pixel zurückgegeben.

Syntax: $(selector).width()

Breite festlegen: Legen Sie die Breite aller übereinstimmenden Elemente fest.

Syntax: $(selector).width(length)

Parameter:

Parameter Beschreibung
Länge Optional. Gibt die Breite des Elements an. Wenn keine Längeneinheit angegeben ist, wird die Standardeinheit px verwendet.

Verwenden Sie eine Funktion, um die Breite festzulegen: Verwenden Sie eine Funktion, um die Breite aller passenden Elemente festzulegen.

Syntax: $(selector).width(function(index,oldwidth))

Parameter:

ParameterBeschreibung
function(index,oldwidth) Rückstellungen für return Eine Funktion der neuen Breite des ausgewählten Elements.
Index Optional. Akzeptiert die Indexposition des Selektors
oldvalue Optional. Akzeptiert den aktuellen Wert des Selektors.

jquery width()-MethodeBeispiel

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").width(200);
  });
});
</script>
</head>
<body>
<p style="background-color:yellow">This is a paragraph.</p>
<button class="btn1">改变宽度</button>
</body>
</html>
Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen

Heim

Videos

Fragen und Antworten