jquery的显示和隐藏
2014-07-06
我们在网页制作的时候经常会遇见有些文字或图片我们点击就显示或者隐藏了，那么本文今天把代码贴出来了！
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p>如果您点击我，我会消失。</p>
<p>点击我，我还会消失。</p>
<p>也要点击我哦。</p>
</body>
</html>
效果预览：
代码解答：首页我们需要正确引入jquery的包，并保证包能正常运行，$("p").click(function){}--当页面代码元素p被点击时触发方法，$(this).hide();--当前对象隐藏！
$是juqery的缩写，等于jquery(document).ready，即读取对象，$("p")即为读取元素id为p的对象，$("id值")是jquery中的一个方法！
- 上一篇：返回列表
- 下一篇：jquery网页中简单的标记
