本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。
在jquery中,可以使用css()方法改变样式,语法格式为“$("元素名称").css("属性名","属性值")”;css()方法设置或返回被选元素的一个或多个样式属性,为所有匹配元素设置指定CSS属性。
本教程操作环境:windows7系统、jquery1.11.1版、Dell G3电脑。
css() 方法设置或返回被选元素的一个或多个样式属性。
返回 CSS 属性
如需返回指定的 CSS 属性的值,请使用如下语法:
设置 CSS 属性
如需设置指定的 CSS 属性,请使用如下语法:
1 | css( "propertyname" , "value" );
|
设置多个 CSS 属性
如需设置多个 CSS 属性,请使用如下语法:
1 | css({ "propertyname" : "value" , "propertyname" : "value" ,...});
|
实例
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高级教程】
以上就是jq如何改变css样式宽度的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
引入的css图片怎么加载不了
jQuery怎么改变css样式
jQuery如何判断某个标签id是否存在
css表格怎么设置中间对齐
css行内样式为什么尽量不要使用
css如何让头像自动旋转
css li的点怎么去掉
jQuery如何实现一键全选
jQuery怎么判断对象是否是数组
css list-style属性怎么用
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » jq如何改变css样式宽度