Jquery事件的连接使用示例


Posted in Javascript onJune 18, 2013
<!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事件的连接使用示例 
点击它,会显示如下效果
Jquery事件的连接使用示例
Javascript 相关文章推荐
关于this和self的使用说明
Aug 01 Javascript
读jQuery之一(对象的组成)
Jun 11 Javascript
jquery 检测元素是否存在的实例代码
Nov 19 Javascript
javascript得到当前页的来路即前一页地址的方法
Feb 18 Javascript
js控制页面的全屏展示和退出全屏显示的方法
Mar 10 Javascript
jquery实现简单的轮换出现效果实例
Jul 23 Javascript
jquery小火箭返回顶部代码分享
Aug 19 Javascript
jquery $.trim()去除字符串空格的实现方法【附图例】
Mar 30 Javascript
jquery对Json的各种遍历方法总结(必看篇)
Sep 29 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
Jul 08 Javascript
解决layui使用layui-icon出现默认图标的问题
Sep 11 Javascript
taro小程序添加骨架屏的实现代码
Nov 15 Javascript
jquery属性过滤选择器使用示例
Jun 18 #Javascript
js实现的切换面板实例代码
Jun 17 #Javascript
javascript实现可改变滚动方向的无缝滚动实例
Jun 17 #Javascript
jQuery+JSON+jPlayer实现QQ空间音乐查询功能示例
Jun 17 #Javascript
JS图片无缝滚动(简单利于使用)
Jun 17 #Javascript
js二级地域选择的实现方法
Jun 17 #Javascript
Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
Jun 17 #Javascript
You might like
火车采集器 免费版使出收费版本功能实现原理
2009/09/17 PHP
PHP实现清除wordpress里恶意代码
2015/10/21 PHP
适用于初学者的简易PHP文件上传类
2015/10/29 PHP
详解Yaf框架PHPUnit集成测试方法
2017/12/27 PHP
详细解读php的命名空间(二)
2018/02/21 PHP
Codeigniter里的无刷新上传的实现代码
2019/04/14 PHP
javascript中的事件代理初探
2014/03/08 Javascript
JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
2014/10/17 Javascript
基于Turn.js 实现翻书效果实例解析
2016/06/20 Javascript
轻松掌握JavaScript代理模式
2016/08/26 Javascript
原生js获取浏览器窗口及元素宽高常用方法集合
2017/01/18 Javascript
Angularjs为ng-click事件传递参数
2017/06/15 Javascript
AjaxUpLoad.js实现文件上传功能
2018/03/02 Javascript
create-react-app构建项目慢的解决方法
2018/03/14 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
2019/06/15 Javascript
优化Vue中date format的性能详解
2020/01/13 Javascript
vue基于Echarts的拖拽数据可视化功能实现
2020/12/04 Vue.js
Python将阿拉伯数字转换为罗马数字的方法
2015/07/10 Python
Python创建xml文件示例
2017/03/22 Python
python 梯度法求解函数极值的实例
2019/07/10 Python
pycharm重命名文件的方法步骤
2019/07/29 Python
Python多继承以及MRO顺序的使用
2019/11/11 Python
基于python使用tibco ems代码实例
2019/12/20 Python
canvas需要在标签里直接定义宽高
2014/12/17 HTML / CSS
ProForm英国站点:健身房和健身器材网上商店
2019/06/05 全球购物
英国顶级足球鞋的领先零售商:Lovell Soccer
2019/08/27 全球购物
全球最大的生存食品、水和装备专用在线市场:BePrepared.com
2020/01/02 全球购物
通信工程毕业生自荐信
2013/11/01 职场文书
和睦家庭事迹
2014/05/14 职场文书
2014迎国庆演讲稿
2014/09/19 职场文书
2015年学校办公室工作总结
2015/05/26 职场文书
蜗居观后感
2015/06/11 职场文书
出生证明格式
2015/06/15 职场文书
PySwarms(Python粒子群优化工具包)的使用:GlobalBestPSO例子解析
2021/04/05 Python
python处理json数据文件
2022/04/11 Python
vue数据字典取键值项目的字典问题
2022/04/12 Vue.js