jQuery width( ) 方法可用于设置或返回被选元素的宽度。
(1)当返回元素的宽度时, 只返回匹配到的第一个元素的宽度。
(2)当设置元素的宽度时,所有匹配到的元素的宽度都会被设置。
值得一提的是,该方法不包含元素的内外边距以及边框。
1.返回元素的宽度
语法格式:
$(selector).width()
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="../jQuery/jQuery.js"></script>
<script>
$(document).ready(function(){
$(".box").click(function(){
alert("宽度为" + $(this).width() + "px");
})
})
</script>
<style>
.box {
width: 200px;
height: 200px;
padding: 10px;
margin: 5px;
border: 3px solid #ccc;
background-color: rgba(17, 1