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:
Parameter | Beschreibung |
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>
Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen