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 相关文章推荐
EditPlus注册码生成器(js代码实现)
Mar 25 Javascript
js取得html iframe中的元素和变量值
Jun 30 Javascript
node.js中的http.response.write方法使用说明
Dec 14 Javascript
详解Node.js如何开发命令行工具
Aug 14 Javascript
微信小程序 前端源码逻辑和工作流详解
Oct 08 Javascript
Jquery Easyui进度条组件Progress使用详解(8)
Mar 26 Javascript
jq checkbox 的全选并ajax传参的实例
Apr 01 Javascript
JS实现队列的先进先出功能示例
May 10 Javascript
原生JS实现图片懒加载(lazyload)实例
Jun 13 Javascript
SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
Sep 07 Javascript
浅谈Vue.js 组件中的v-on绑定自定义事件理解
Nov 17 Javascript
js尾调用优化的实现
May 23 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实现的漂亮分页方法
2014/04/17 PHP
PHP日期函数date格式化UNIX时间的方法
2015/03/19 PHP
JS加ASP二级域名转向的代码
2007/05/17 Javascript
asp(javascript)全角半角转换代码 dbc2sbc
2009/08/06 Javascript
JavaScript DOM 学习第三章 内容表格
2010/02/19 Javascript
基于jQuery的计算文本框字数的代码
2012/06/06 Javascript
jQuery选择器源码解读(七):elementMatcher函数
2015/03/31 Javascript
JS实现带缓冲效果打开、关闭、移动一个层的方法
2015/05/09 Javascript
javascript创建函数的20种方式汇总
2015/06/23 Javascript
Javascript中的几种继承方式对比分析
2016/03/22 Javascript
百度地图JavascriptApi Marker平滑移动及车头指向行径方向
2017/03/13 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
2017/05/26 Javascript
es7学习教程之Decorators(修饰器)详解
2017/07/21 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
2018/01/09 Javascript
如何根据业务封装自己的功能组件
2019/04/19 Javascript
node.js实现上传文件功能
2019/07/15 Javascript
vue+canvas实现移动端手写签名
2020/05/21 Javascript
JavaScript判断数据类型有几种方法及区别介绍
2020/09/02 Javascript
[08:07]DOTA2每周TOP10 精彩击杀集锦vol.8
2014/06/25 DOTA
python下paramiko模块实现ssh连接登录Linux服务器
2015/06/03 Python
Python实现一个Git日志统计分析的小工具
2017/12/14 Python
Python实现FTP弱口令扫描器的方法示例
2019/01/31 Python
对Python3 goto 语句的使用方法详解
2019/02/16 Python
python的set处理二维数组转一维数组的方法示例
2019/05/31 Python
python程序快速缩进多行代码方法总结
2019/06/23 Python
Python 数据分析之逐块读取文本的实现
2020/12/14 Python
享受加州生活方式的时尚舒适:XCVI
2018/07/09 全球购物
毕业生个人求职的自我评价
2013/10/28 职场文书
日语专业推荐信
2013/11/12 职场文书
事业单位请假制度
2014/01/13 职场文书
大学生村官个人对照检查材料(群众路线)
2014/09/26 职场文书
答谢词范文
2015/01/05 职场文书
党支部书记岗位职责
2015/02/15 职场文书
创业计划书之美甲店
2019/09/20 职场文书
浅谈Redis主从复制以及主从复制原理
2021/05/29 Redis
Win11 S Mode版本泄露 正式上线后叫做Windows 11 SE
2021/11/21 数码科技