如何使用jquery设置css宽度


当前第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如何添加阴影边框(代码实例)

jQuery怎么遍历json数组

css文本域怎么写

jQuery三大版本之间有什么区别?

css背景超出宽度怎么办

css target-position属性怎么用

jQuery weui是什么?

css怎么设置图片不停旋转

css align-content属性怎么用?

css transition属性怎么用

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




打赏

取消

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

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

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

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

评论

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