在页面中点击那个数据就直接把数据隐藏了–hide()
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- 1.首先引用jquery 文件-->
<script src="jquery.min.js"></script>
<!-- jquery ui 也会依赖于 jquery 同时
jquery 下面进行引入,-->
<!--2. 创建自己的js文件 ,同时依赖关系要记住,自己写的文件是依赖于jquery 文件-->
<script src="app.js"></script>
</head>
body
<body>
<p>Hello</p>
<p>Hello</p>
<p>Hello</p>
<p>Hello</p>
</body>
app.js
/*
* 文档加载完毕,时弹出框的内容
* 页面加载完成有两种事件
一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件)
二是onload,指示页面包含图片等文件在内的所有元素都加载完成。
hide是过滤掉
用jQ的人很多人都是这么开始写脚本的:
$(function(){
// do something
});
其实这个就是jq ready()的简写,他等价于:
$(document).ready(function(){
//do something
})
* */
上面是对初始jQuery 说明,下面的才是主要内容,
$(document).ready(function () {
alert("弹框");
$("p").click(function () {
//隐藏
$(this).hide();
})
})
当你点击Hello 的时候他就消失