jquery中隐藏操作
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>myFirstJquery.html</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
// $(document).ready(function(){
// $("p").click(function(){
// $(this).hide();
// });
// });
$(document).ready(function(){//将函数绑定到文档的就绪事件（当文档完成加载时）
$("button").click(function(){
$("#2").hide();//对所以id为2
$(".3").hide();//对所以的class为3
$("p.4").hide();//对p的class为4
// $("p").hide();//对所有p
$("p").css("background-color","red");
});
});
</script>
</head>
<body>
<div>
<p>When you click there, the content will dispear1.</p>
<p id="2">When you click there, the content will dispear2.</p>
<p class="3">When you click there, the content will dispear3.</p>
<p class="4">When you click there, the content will dispear4.</p>
<p>When you click there, the content will dispear5.</p>
<button type="button">button</button>
</div>
</body>
</html>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读