如何使用jquery设置css宽度

PHP中文网 JavaScript 百度已收录

当前第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>

运行结果：

GIF.gif

【推荐学习：javascript视频教程】

以上就是如何使用jquery设置css宽度的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

css中inline-block什么意思

纯css实现加号“+”效果（代码示例）

jQuery怎么判断是否ie浏览器

jQuery的选择器有几种

设置div的宽度可以通过css的什么属性

详解css行高line-height属性

css怎么让一个表格居中

css target属性怎么用

css如何清除下划线?css清除下划线有哪些方法

jQuery获取元素到顶部距离的方法

更多相关阅读请进入《jQuery》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...