【268天】每日项目总结系列006（2017.10.31）

weixin_34032621

于 2017-11-01 04:30:05 发布

阅读量46

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://segmentfault.com/a/1190000011802807

本文介绍了如何使用jQuery来实现元素的显示与隐藏功能，并演示了通过点击按钮来控制页面上p元素样式的增删，包括字体大小及颜色的更改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

叨叨两句

~

jQuery hide() 和 show()


$("#hide").click(function(){
  $("p").hide();
});

$("#show").click(function(){
  $("p").show();
});

removeAttr()

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").removeAttr("style");
  });
});
</script>
</head>

<body>
<h1>这是一个标题</h1>
<p style="font-size:120%;color:red">这是一个段落。</p>
<p>这是另一个段落。</p>
<button>删除所有 p 元素的 style 属性</button>
</body>
</html>