jquery框架②——简单代码举例

最新推荐文章于 2024-04-25 11:00:00 发布

weixin_40877388

最新推荐文章于 2024-04-25 11:00:00 发布

阅读量164

点赞数

分类专栏： Jquery框架

本文链接：https://blog.csdn.net/weixin_40877388/article/details/79556991

版权

Jquery框架专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="js/jquery-3.2.0.min.js"></script>   <!--引js包-->
<script>
    $(document).ready(function(){    <!--文档加载完毕-->
        console.log("hello word");   <!--在浏览器的控制台上展示出文字--> 
        $("p").click(function(){     <!--给页面上的p标签，注册一个click（点击）事件-->
            $(this).hide();      <!--this代表的是当前的对象 ,hide是隐藏的方法 -->
        });
    });
</script>
<!--这段代码实现的功能是点击p标签内的文本，文本就隐藏-->
<!--事件都写在页面加载完毕的方法里面-->
</head>
<body>
<p>text 1</p>
<p>text 2</p>
</body>
</html>