【code】jQuery实现鼠标单击显示内容
来源:互联网 发布:mysql 5.7 sysbench 编辑:程序博客网 时间:2024/04/29 05:33
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>绑定单击事件</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="panel">
<h5 class="head">什么是jQuery?</h5>
<div class="content">是继Prototype之后又一个优秀的JavaScript库,它是由John Resig创建于2006年1月份的开源项目。jQuery凭借简洁的语法和跨平台的兼容性,极大的简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax。它独特而又优雅的代码风格改变了JavaScript程序员的设计思路和编写程序的方法
</div>
</div>
<script type="text/javascript" src="../scripts/jquery.js"></script>
<script type="text/javascript">
$(function(){
$("#panel h5.head").bind("click",function(){
var $content=$(this).next();
if ($content.is(":visible")) {
$content.hide();
}else{
$content.show();
}
});
})
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>绑定单击事件</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="panel">
<h5 class="head">什么是jQuery?</h5>
<div class="content">是继Prototype之后又一个优秀的JavaScript库,它是由John Resig创建于2006年1月份的开源项目。jQuery凭借简洁的语法和跨平台的兼容性,极大的简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax。它独特而又优雅的代码风格改变了JavaScript程序员的设计思路和编写程序的方法
</div>
</div>
<script type="text/javascript" src="../scripts/jquery.js"></script>
<script type="text/javascript">
$(function(){
$("#panel h5.head").bind("click",function(){
var $content=$(this).next();
if ($content.is(":visible")) {
$content.hide();
}else{
$content.show();
}
});
})
</script>
</body>
</html>
0 0
- 【code】jQuery实现鼠标单击显示内容
- 【code】jQuery实现鼠标滑过标题显示其后内容
- jQuery+ajax实现鼠标单击修改内容的方法
- jQuery实现单击和鼠标感应事件。
- 003_修改右键单击鼠标时显示的内容
- jquery 鼠标单击位置
- jquery学习笔记-jQuery实现单击和鼠标感应事件
- jQuery-单击文字或图片内容放大显示效果插件
- jquery实现鼠标移上去某元素显示隐藏的内容,移除继续隐藏
- 基于jquery单击图片弹出显示的简单实现
- 利用Jquery实现鼠标滑动显示大图
- jquery实现 鼠标悬浮 显示图片
- jquery图文列表鼠标点击下拉显示文字说明内容
- jQuery 获取鼠标坐标实现DIV更随鼠标显示
- jquery 中 注册鼠标右键单击事件
- jquery 中 注册鼠标右键单击事件
- jquery 区分鼠标单击双击事件插件
- 鼠标划过显示内容
- i2c_transfer函数
- linux下tar rar 7z zip xz格式的压缩与解压
- NPOI2.2.0.0实例详解(八)—设置EXCEL单元格【数字格式】
- 安装Libevent
- ScrollView中的ListView只显示一条数据的解决方法
- 【code】jQuery实现鼠标单击显示内容
- android webView笔记
- 手动清除或刷新Linux的SWAP分区
- 【JavaWeb】之过滤器Filter
- 构造器内部的多态方法的行为
- jmeter之编写java请求一beashell调用java代码(下篇)(推荐
- iOS 开发 消除导航栏黑线
- 接口对接:关于明文和密钥,还有生成Sign工具类
- python基础教程共60课-第15课循环的嵌套