在jquery中，可以使用“css()”方法设置宽度，语法“$(对象).css("width","大小值")”；“css()”方法设置或返回被选元素的一个或多个样式属性，这是一种在所有匹配的元素上设置大量样式属性的最佳方式。
本教程操作环境：windows7系统、jquery1.11.1版、Dell G3电脑。
设置
元素的宽度：
html>
<script></script><script>
$(document).ready(function(){
$("button").click(function(){
$("p").css("width","200px");
});
});
</script><h2>这是标题</h2>
<p>这是一个段落。</p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/code/12093" title="CSS婚礼策划服务机构宣传网站模板"><img
src="https://img.php.cn/upload/webcode/000/000/018/178607072210981.jpg" alt="CSS婚礼策划服务机构宣传网站模板" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/code/12093" title="CSS婚礼策划服务机构宣传网站模板" class="overflowclass">CSS婚礼策划服务机构宣传网站模板</a>
<p class="overflowclass">CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。</p>
</div>
<a rel="nofollow" href="/xiazai/code/12093" title="CSS婚礼策划服务机构宣传网站模板" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
<button>设置 p 元素的宽度</button>
运行结果：
【推荐学习：javascript视频教程】
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
