Jquery事件的连接使用示例
更新时间：2013年06月18日 17:24:11 作者：
本文以展开图片和收缩图片为例为大家介绍下Jquery事件的连接的使用方法，感兴趣的朋友可以参考下哈，希望对大家有所帮助
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery事件的连接</title>
<style type="text/css">
.divFrame{ width:260px; border:1px solid #666; font-size:10px }
.divTitle{ background-color:#eee; padding:5px}
.divContent{ padding:5px; display:none}
.divCurrColor{ background-color:Red}
</style>
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('.divTitle').click(function () {
$('.divTitle').addClass('divCurrColor')
.next('.divContent').css('display','block')
})
})
</script>
</head>
<body>
<div class="divFrame">
<div class="divTitle">主题</div>
<div class="divContent">
<a href="图片设置.htm">图片设置</a><br />
<a href="展开图片和收缩图片.htm">展开图片和收缩图片</a><br />
</div>
</div>
</body>
</html>
实现以下效果
点击它，会显示如下效果
您可能感兴趣的文章:
- jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
- 让input框实现类似百度的搜索提示(基于jquery事件监听)
- jquery事件重复绑定的快速解决方法
- jquery事件与函数的使用介绍
- JQuery事件e参数的方法preventDefault()取消默认行为
- jQuery事件绑定.on()简要概述及应用
- jQuery事件 delegate()使用方法介绍
- jquery事件机制扩展插件 jquery鼠标右键事件。
- jquery事件机制扩展插件 jquery鼠标右键事件
- 从零开始学习jQuery (五) jquery事件与事件对象
- jQuery学习5 jQuery事件模型
- jQuery学习总结之jQuery事件
相关文章
下面链接中是我用jQuery的扩展来实现的表格分页和排序，使用这个扩展必须加上表头<thead>和<tbody>标签，因为我是 通过<tbody>来进行分页的，要是不加thead，那么表头也要作为分页计算时的一个行了。2011-03-03
这篇文章主要介绍了jquery实现可自动判断位置的弹出层效果代码,可实现根据鼠标位置进行合理的判断并显示弹出层的功能,涉及jQuery鼠标事件及页面元素位置属性的相关判定技巧,需要的朋友可以参考下2015-10-10
这篇文章介绍了jQuery UI菜单部件Menu Widget，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
这篇文章主要介绍了jQuery模仿ToDoList实现简单的待办事项列表，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-12-12
这篇文章给大家总结了使用jq获取元素值的常见写法,文中给大家介绍了详细的代码示例,对大家的学习或工作有一定的帮助,需要的朋友可以参考下2023-12-12
这篇文章主要为大家详细介绍了jquery表单插件Autotab使用方法，Autotab自动Tab文本框，感兴趣的小伙伴们可以参考一下2016-06-06
这篇文章主要介绍了jQuery简单判断值是否存在于数组中的方法,涉及jQuery数组遍历及基于$.inArray的元素判断相关操作技巧,需要的朋友可以参考下2018-04-04
这篇文章主要介绍了JQuery控制Radio选中方法,涉及jQuery表单操作及鼠标事件响应的方法,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了jQuery表格排序组件-tablesorter的使用,需要的朋友可以参考下2014-05-05
这篇文章主要为大家详细介绍了百度多文件异步上传控件webuploader基本用法解析2016-11-11
最新评论