本文實例講述了jQuery中width()方法用法。分享給大家供大家參考。具體分析如下： 此方法可以取得或設定匹配元素的寬度值，預設單位是px。 語法結構一: 複製程式碼 程式碼如下: $(selector).width() 不帶參數的時候是傳回第一個符合元素的目前寬度。 實例代碼: 複製程式碼 程式碼如下: 腳本之家 <br /> div{ <br /> height:150px; <br /> width:150px; <br /> background-color:green; <br /> margin-top:10px; <br /> text-align:center;<br /> line-height:150px;<br /> } <br /> <br /> $(document).ready(function(){ <br /> $("div").text($("div").width())<br /> }) <br /> 語法結構二: 複製程式碼 程式碼如下: $(selector).width(val) 帶參數的時候是設定所有符合元素的寬度，預設單位是px，當然也可以使用其他的單位如em或百分比等等。 實例代碼: 複製程式碼 程式碼如下: CSS教學 <br /> span{ <br /> color:red; <br /> } <br /> 腳本之家 <br /> $(document).ready(function(){ <br /> $("#btn").click(function(){ <br /> alert($("li").index()); <br /> }) <br /> }); <br /> 後台專區 前台專區 資料庫專區 站長溝通 目前li元素的位置:0 點選查看實例 希望本文所述對大家的jQuery程式設計有所幫助。
