jquery height()和width()函式的引數格式

antzone發表於2017-03-22
jQuery函式

其實這樣簡單的問題實在是沒有必要寫，只要看一下相關的文章或者API就能夠輕鬆掌握。

但是還是有很多朋友非常的馬虎，儘管看了API還是對此有疑問，所以就單獨一篇文章做一下說明。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> <html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title>
<style type="text/css">
#main{
  width:150px;
  height:100px;
  background:green;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> 
<script type="text/javascript">
$(document).ready(function(){
  $("#num").click(function(){
    $("#main").height(150);
  })
  $("#px").click(function(){
    $("#main").height("200px");
  })
})
</script> 
</head> 
<body> 
<div id="main"></div>
<input type="button" id="num" value="檢視效果一"/>
<input type="button" id="px" value="檢視效果二"/>
</body> 
</html>

從上面的程式碼可以看出height()函式的引數，既可以是數字也可以是字串的畫素值，其實是字串的數字也是可以的，例如"150"。也就是說對於引數的格式沒有那麼嚴格的要求，對於width()函式來說也是如此。

相關文章