jquery 修改 width

jQuery是一个优秀的JavaScript库，可以使得我们的代码更加简洁高效，其中一个非常重要的功能是可以通过jQuery修改元素的宽度。下面是一个使用jQuery修改宽度的示例代码：

$(document).ready(function(){
  $("button").click(function(){
    $(".example").width("500px");
  });
});

上面的代码会在网页加载完成后，等待用户点击按钮，一旦点击了按钮，就会将class为example的元素的宽度修改为500像素。这是因为jQuery中提供了.width()方法，可以用来获取和设置元素的宽度。

除此之外，我们还可以通过.width()方法的另外两个参数来修改元素的宽度：

$(".example").width();
// 获取元素的宽度

$(".example").width(function(index, width){
  return width + 50;
});
// 在原来的基础上增加50像素

如上面的代码所示，如果只传入一个参数，则会返回元素的宽度；如果传入两个参数，第一个参数是元素的索引，第二个参数是旧的宽度值，通过返回新的宽度值可以修改元素的宽度。

通过jQuery修改元素的宽度非常简单，使用.width()方法可以轻松实现。希望这篇文章能对你的工作和学习有所帮助。