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 相关文章推荐
在网页中屏蔽快捷键
Sep 06 Javascript
JavaScript学习点滴 call、apply的区别
Oct 22 Javascript
使用js操作cookie的一点小收获分享
Sep 03 Javascript
js出生日期 年月日级联菜单示例代码
Jan 10 Javascript
jQuery选择器简明总结(含用法实例,一目了然)
Apr 25 Javascript
一个简单的jquery的多选下拉框(自写)
May 05 Javascript
不想让浏览器运行javascript脚本的方法
Nov 20 Javascript
JavaScript用JSONP跨域请求数据实例详解
Jan 06 Javascript
通俗解释JavaScript正则表达式快速记忆
Aug 23 Javascript
浅析vue中常见循环遍历指令的使用 v-for
Apr 18 Javascript
使用pm2自动化部署node项目的方法步骤
Jan 28 Javascript
详解react-refetch的使用小例子
Feb 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
如何在PHP中使用正则表达式进行查找替换
2013/06/13 PHP
PHP保存session到memcache服务器的方法
2016/01/19 PHP
PHP的Trait机制原理与用法分析
2019/10/18 PHP
TP5框架实现上传多张图片的方法分析
2020/03/29 PHP
php实现简易计算器
2020/08/28 PHP
jQuery判断密码强度实现思路及代码
2013/04/24 Javascript
js轮播图代码分享
2016/07/14 Javascript
jQuery EasyUI基础教程之EasyUI常用组件(推荐)
2016/07/15 Javascript
jquery层级选择器的实现(匹配后代元素div)
2016/09/05 Javascript
JS 实现可停顿的垂直滚动实例代码
2016/11/23 Javascript
浅谈Vue SPA 首屏加载优化实践
2017/12/15 Javascript
深入理解ES6之数据解构的用法
2018/01/13 Javascript
JavaScript函数的4种调用方法实例分析
2019/03/05 Javascript
Vue-input框checkbox强制刷新问题
2019/04/18 Javascript
vue2配置scss的方法步骤
2019/06/06 Javascript
超轻量级的js时间库miment使用解析
2019/08/02 Javascript
JS 实现发送短信验证码的“59秒后重新发送验证短信”功能
2019/08/23 Javascript
javascript设计模式之装饰者模式
2020/01/30 Javascript
[55:42]VG vs VGJ.T 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
[01:13:17]Secret vs NB 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
py中的目录与文件判别代码
2008/07/16 Python
python入门教程 python入门神图一张
2018/03/05 Python
Python3.6使用tesseract-ocr的正确方法
2018/10/17 Python
python登录WeChat 实现自动回复实例详解
2019/05/28 Python
python lambda表达式在sort函数中的使用详解
2019/08/28 Python
python语言是免费还是收费的?
2020/06/15 Python
如何利用Python 进行边缘检测
2020/10/14 Python
美国休闲服装品牌:Express
2016/09/24 全球购物
澳大利亚领先的运动鞋商店:Hype DC
2018/03/31 全球购物
香港彩色隐形眼镜在线商店:Stunninglens(全球免费送货)
2019/05/10 全球购物
美国艺术和工艺品商店:Hobby Lobby
2020/12/09 全球购物
什么叫应用程序域?什么是受管制的代码?什么是强类型系统?什么是装箱和拆箱?
2016/08/13 面试题
元旦联欢会感言
2014/03/04 职场文书
店面出租协议书范本
2014/11/28 职场文书
2016年第十四个公民道德宣传日活动总
2016/04/01 职场文书
JavaScript的function函数详细介绍
2021/11/20 Javascript