width

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

n.Width; breadth

jquery width() method syntax

Function: width() method returns or sets the width of the matching element.

Return width: Return the width of the first matching element. If no parameters are set for this method, the width of the matched element in pixels is returned.

Syntax: $(selector).width()

Set the width: Set the width of all matching elements.

Syntax: $(selector).width(length)

##Parameters:

ParameterDescriptionlength Optional. Specifies the width of the element. If no length unit is specified, the default px unit is used.

#Use a function to set the width: Use a function to set the width of all matching elements.

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

Parameters:

ParametersDescriptionfunction(index,oldwidth) Specifies to return the new width of the selected element function. index Optional. Accepts the index position of the selector oldvalue Optional. Accepts the current value of the selector.

jquery width() method example

<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>
Run instance »

Click the "Run instance" button to view the online instance

About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!