???

jquery ??() ??? ???

??: width() ???? ???? ??? ??? ????? ?????.

?? ??: ? ??? ???? ??? ??? ?????. ? ???? ??? ??? ??? ???? ??? ??(?? ??)? ?????.

??: ??$(selector).width()

?? ??: ???? ?? ??? ??? ?????.

??: ??$(selector).width(length)

????:

???? Description
length ?? ?????. ??? ??? ?????. ?? ??? ???? ??? ?? px ??? ?????.

??? ???? ??? ?????. ??? ???? ???? ?? ??? ??? ?????.

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

????:

ParametersDescription
function(index,oldwidth) ??? ?? ?? return ??? ??? ? ??? ?? ?????.
index ????. ???
oldvalue ? ??? ??? ?????. ???? ?? ?? ?????.

jquery ??() ??? ?

<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>
???? ?? ?

??? ????? ??? "???? ??" ??? ?????