jQuery中live()方法用法实例


Posted in Javascript onJanuary 19, 2015

本文实例讲述了jQuery中live()方法用法。分享给大家供大家参考。具体分析如下:

此方法为匹配元素添加一个或多个事件,并规定当这些事件发生时运行的函数。
特别说明:jQuery1.9已经删除此方法。

语法结构:

$(selector).live(type,data,function)

参数列表:

参数 描述
type 定义附加到元素的一个或多个事件类型。由空格分隔多个事件值。
data 可选。定义传递到事件处理函数的额外数据。
function 定义当事件发生时运行的函数。

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="author" content="https://3water.com/" />

<title>三水点靠木</title>

<style type="text/css">

div{border:1px solid blue;}

li{

  list-style-type:none;

  width:150px;

  height:150px;

  border:1px solid green;

}

</style>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("div").live("click",function(){ 

    $("li").slideToggle();

  }) 

}) 

</script>

</head>

<body>

<div>

  <ul>

    <li>点击这里测试一下</li>

  </ul>

</div>

</body>

</html>

以上代码是为li元素注册click事件处理函数。

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
JS 实现导航栏悬停效果(续)
Sep 24 Javascript
javascript根据时间生成m位随机数最大13位
Oct 30 Javascript
JavaScript中的Function函数
Aug 27 Javascript
javascript每日必学之循环
Feb 19 Javascript
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)
Feb 22 Javascript
深入理解jQuery 事件处理
Jun 14 Javascript
AngularJS中使用three.js的实例详解
Jul 21 Javascript
使用Node.js实现简易MVC框架的方法
Aug 07 Javascript
详解vue mint-ui源码解析之loadmore组件
Oct 11 Javascript
详解TypeScript+Vue 插件 vue-class-component的使用总结
Feb 18 Javascript
koa+jwt实现token验证与刷新功能
May 30 Javascript
Angular 多模块项目构建过程
Feb 13 Javascript
jQuery中unbind()方法用法实例
Jan 19 #Javascript
jQuery中triggerHandler()方法用法实例
Jan 19 #Javascript
Javascript与jQuery方法的隐藏与显示
Jan 19 #Javascript
jQuery中trigger()方法用法实例
Jan 19 #Javascript
jQuery的one()方法用法实例
Jan 19 #Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
Jan 19 #Javascript
jQuery中bind()方法用法实例
Jan 19 #Javascript
You might like
libmysql.dll与php.ini是否真的要拷贝到c:\windows目录下呢
2010/03/15 PHP
laravel学习教程之关联模型
2016/07/30 PHP
Yii2实现上下联动下拉框功能的方法
2016/08/10 PHP
最短的IE判断代码
2011/03/13 Javascript
Javascript表格翻页效果的具体实现
2013/10/05 Javascript
jquery弹窗插件colorbox绑定动态生成元素的方法
2014/06/20 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
2015/01/30 Javascript
详细解读JavaScript的跨浏览器事件处理
2015/08/12 Javascript
实例详解jQuery Mockjax 插件模拟 Ajax 请求
2016/01/12 Javascript
js实现有过渡渐变效果的图片轮播相册(兼容IE,ff)
2016/01/19 Javascript
JavaScript中判断数据类型的方法总结
2016/05/24 Javascript
vue.js-div滚动条隐藏但有滚动效果的实现方法
2018/03/03 Javascript
vue中利用Promise封装jsonp并调取数据
2019/06/18 Javascript
vue实现点击按钮下载文件功能
2019/10/11 Javascript
微信域名检测接口调用演示步骤(含PHP、Python)
2019/12/08 Javascript
原生javascript制作贪吃蛇小游戏的方法分析
2020/02/26 Javascript
[02:22]2018DOTA2亚洲邀请赛VG赛前采访
2018/04/03 DOTA
python计算程序开始到程序结束的运行时间和程序运行的CPU时间
2013/11/28 Python
django使用图片延时加载引起后台404错误
2017/04/18 Python
利用Python破解斗地主残局详解
2017/06/30 Python
浅谈python 线程池threadpool之实现
2017/11/17 Python
基于python 处理中文路径的终极解决方法
2018/04/12 Python
python 使用poster模块进行http方式的文件传输到服务器的方法
2019/01/15 Python
使用Keras中的ImageDataGenerator进行批次读图方式
2020/06/17 Python
pycharm全局搜索的具体步骤
2020/07/28 Python
Spartoo荷兰:鞋子、包包和服装
2018/07/12 全球购物
美国家居用品和厨具购物网站:DealsDot
2019/10/07 全球购物
全球性的众包图形设计市场:DesignCrowd
2021/02/02 全球购物
高中地理教学反思
2014/01/29 职场文书
个人近期表现材料
2014/02/11 职场文书
小组合作学习反思
2014/02/18 职场文书
幼儿园六一儿童节活动方案
2014/08/26 职场文书
党员反邪教心得体会
2016/01/15 职场文书
一文搞懂如何实现Go 超时控制
2021/03/30 Python
Python 多线程处理任务实例
2021/11/07 Python
使用Mysql计算地址的经纬度距离和实时位置信息
2022/04/29 MySQL