当前第2页 返回上一页
设置 <p> 元素的宽度:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <!DOCTYPE html>
<html>
<head>
<script src= "/jquery/jquery-1.11.1.min.js" ></script>
<script>
$(document).ready( function (){
$( "button" ).click( function (){
$( "p" ).css( "width" , "200px" );
});
});
</script>
</head>
<body>
<h2>这是标题</h2>
<p style= "background-color:#ff0000" >这是一个段落。</p>
<p style= "background-color:#00ff00" >这是一个段落。</p>
<p style= "background-color:#0000ff" >这是一个段落。</p>
<p>这是一个段落。</p>
<button>设置 p 元素的宽度</button>
</body>
</html>
|
运行结果:

【推荐学习:javascript视频教程】
以上就是如何使用jquery设置css宽度的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
css如何添加阴影边框(代码实例)
jQuery怎么遍历json数组
css文本域怎么写
jQuery三大版本之间有什么区别?
css背景超出宽度怎么办
css target-position属性怎么用
jQuery weui是什么?
css怎么设置图片不停旋转
css align-content属性怎么用?
css transition属性怎么用
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 如何使用jquery设置css宽度