jquery基本使用和jquery隐藏网页元素

最新推荐文章于 2023-06-15 15:44:35 发布

bcbobo21cn

最新推荐文章于 2023-06-15 15:44:35 发布

阅读量149

点赞数

分类专栏： web前端文章标签： jquery 隐藏元素 DIV

本文链接：https://blog.csdn.net/bcbobo21cn/article/details/112903167

版权

web前端专栏收录该内容

150 篇文章 1 订阅

订阅专栏

jquery的基本使用；为了方便可链接到百度提供的压缩版jquery库；

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>jquery demo1 </title> 
<script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>

<style>
    .divcss1{width:150px;height:50px;border:2px solid #F00} 
</style>

<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>

</head>
<body>

<div class="divcss1">
<p>click me, hide me</p>
</div>

</body>
</html>

div中有一个p元素；点击p元素后隐藏该p元素；