站長資訊網(wǎng)
在jquery中，width()方法用于設(shè)置或者返回指定元素的寬度，語法為“元素對象.width()”或者“元素對象.width(設(shè)置的寬度)”；當(dāng)返回寬度時(shí)，返回結(jié)果是匹配的第一個(gè)元素寬度。
本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
jquery中width方法怎么用
width() 方法設(shè)置或返回被選元素的寬度。
當(dāng)該方法用于返回寬度時(shí)， 則返回第一個(gè)匹配元素的寬度。
當(dāng)該方法用于設(shè)置寬度時(shí)，則設(shè)置所有匹配元素的寬度。
如下面的圖像所示，該方法不包含 padding、border 或 margin。
返回寬度：
$(selector).width()
設(shè)置寬度：
$(selector).width(value)
使用函數(shù)設(shè)置寬度：
$(selector).width(function(index,currentwidth))
示例如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ alert("div的寬度: " + $("div").width()); }); }); </script> </head> <body> <div style="height:100px;width:300px;padding:10px;margin:3px;border:1px solid blue;background-color:lightblue;"></div><br> <button>顯示div的寬度</button> </body> </html>
輸出結(jié)果：
點(diǎn)擊按鈕后：
相關(guān)視頻教程推薦：jQuery視頻教程
