jqueryclick事件-隐藏与显示
2016-05-18 20:46
381 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery的隐藏与显示</title>
<script src="jquerylib/jquery-1.12.3.js"></script>
<script>
$(function(){
$("document").ready(function(){
$("input").click(function(){
$("p").hide();
});
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<!--<button>Click me</button>-->
<input type="button" value="click me"/>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery的隐藏与显示</title>
<script src="jquerylib/jquery-1.12.3.js"></script>
<script>
$(function(){
$("document").ready(function(){
$("input").click(function(){
$("p").hide();
});
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<!--<button>Click me</button>-->
<input type="button" value="click me"/>
</body>
</html>
相关文章推荐
- jquery-实现div层逐渐显现出来
- jswindow.onload=function(){}与jquery $(function(){})
- 学习笔记:jQuery deferred对象的整理4
- 4000 学习笔记:jQuery deferred对象的整理3
- 学习笔记:jQuery deferred对象的整理2
- jquery的onclick(this)方法
- js对象与jquery之间的转换
- 初学jQuery就遇到问题
- jQuery实战学习笔记(二)-用jQuery为页面添加活力
- jQuery将form列表转JSON
- jquery.validate 扩展验证+异步验证
- jQuery中this与$(this)的区别实例
- jquery select option事件
- jQuery验证问题
- jquery的ajax方法之一:load
- jquery Multiple markers at this line问题
- Jquery Json数据请求与处理
- jquery轻松实现li标签上下滚动的原理
- JQuery常见特效实现方法
- jQuery EasyUI datagrid 无记录时,增加"暂无数据"提示