本文实例讲述了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程序设计有所帮助。