js通过类名去隐藏对应数据

最新推荐文章于 2022-10-19 10:15:00 发布

L̶̶X̶̶ J̶̶

最新推荐文章于 2022-10-19 10:15:00 发布

阅读量489

点赞数

分类专栏： java js

本文链接：https://blog.csdn.net/qq_45103475/article/details/104945612

版权

java 同时被 2 个专栏收录

34 篇文章 0 订阅

订阅专栏

4 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
		$(document).ready(function(){
			$(".你的类名").css("display","none");
		});
</script>

下面举个例子：

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("p").append('<a href="#" class="js-timeOne" ">' + '我爱包子' +'</a>');
  
});
</script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $(".js-timeOne").css("display","none");
  });
});
</script>
</head>

<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>点击后“我爱包子”消失</button>
</body>
</html>