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 相关文章推荐
JQuery与Ajax常用代码实现对比
Oct 03 Javascript
jquery 图片Silhouette Fadeins渐显效果
Feb 07 Javascript
基于jquery1.4.2的仿flash超炫焦点图播放效果
Apr 20 Javascript
JavaScript判断窗口是否最小化的代码(跨浏览器)
Aug 01 Javascript
js实现拉伸拖动iframe的具体代码
Aug 03 Javascript
Jquery解析json数据详解
Dec 26 Javascript
javaScript年份下拉列表框内容为当前年份及前后50年
May 28 Javascript
javascript处理a标签超链接默认事件的方法
Jun 29 Javascript
Eclipse引入jquery报错如何解决
Dec 01 Javascript
js添加千分位的实现代码(超简单)
Aug 01 Javascript
JS实现鼠标移上去显示图片或微信二维码
Dec 14 Javascript
详解如何在项目中使用jest测试react native组件
Feb 09 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
一个比较不错的PHP日历类分享
2014/11/18 PHP
Zend Framework框架教程之Zend_Db_Table_Rowset用法实例分析
2016/03/21 PHP
PHP对称加密函数实现数据的加密解密
2016/10/27 PHP
php版微信返回用户text输入的方法
2016/11/14 PHP
php readfile下载大文件失败的解决方法
2017/05/22 PHP
Eclipse PHPEclipse 配置的具体步骤
2017/08/08 PHP
jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
2010/03/21 Javascript
Extjs中TabPane如何嵌套在其他网页中实现思路及代码
2013/01/27 Javascript
每天一篇javascript学习小结(基础知识)
2015/11/10 Javascript
基于JavaScript操作DOM常用的API小结
2015/12/01 Javascript
jquery获取文档高度和窗口高度汇总
2016/01/25 Javascript
浅析jQuery Ajax请求参数和返回数据的处理
2016/02/24 Javascript
javascript简单实现等比例缩小图片的方法
2016/07/27 Javascript
使用jquery.qrcode.js生成二维码插件
2016/10/17 Javascript
js验证手机号、密码、短信验证码代码工具类
2020/06/24 Javascript
Vue中fragment.js使用方法详解
2017/03/09 Javascript
ECMAScript6--解构
2017/03/30 Javascript
基于AngularJS的拖拽文件上传的实例代码
2017/07/15 Javascript
JavaScript使用atan2来绘制箭头和曲线的实例
2017/09/14 Javascript
基于nodejs的雪碧图制作工具的示例代码
2018/11/05 NodeJs
如何用JS模拟实现数组的map方法
2020/07/30 Javascript
js实现三角形粒子运动
2020/09/22 Javascript
[54:41]2018DOTA2亚洲邀请赛3月30日 小组赛B组 VGJ.T VS paiN
2018/03/31 DOTA
python中异常报错处理方法汇总
2016/11/20 Python
Python之py2exe打包工具详解
2017/06/14 Python
用Python登录好友QQ空间点赞的示例代码
2017/11/04 Python
解决win64 Python下安装PIL出错问题(图解)
2018/09/03 Python
Python线程threading模块用法详解
2020/02/26 Python
python爬虫工具例举说明
2020/11/30 Python
python palywright库基本使用
2021/01/21 Python
Antler英国官网:购买安特丽行李箱、拉杆箱
2019/08/25 全球购物
软件售后服务承诺书
2014/05/21 职场文书
2014年化工厂工作总结
2014/11/25 职场文书
南京大屠杀观后感
2015/06/02 职场文书
交通安全学习心得体会
2016/01/18 职场文书
SpringBoot 拦截器妙用你真的了解吗
2021/07/01 Java/Android