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 相关文章推荐
JavaScript 拖拉缩放效果
Dec 10 Javascript
Jquery 的扩展方法总结
Oct 01 Javascript
js函数的引用, 关于内存的开销
Sep 17 Javascript
jquery 构造函数在表单提交过程中修改数据
May 25 Javascript
String字符串截取的四种方式总结
Nov 28 Javascript
jQuery File Upload文件上传插件使用详解
Dec 06 Javascript
Angular指令之restict匹配模式的详解
Jul 27 Javascript
Vue无限滑动周选择日期的组件的示例代码
Jul 18 Javascript
详解vue的双向绑定原理及实现
May 05 Javascript
送你43道JS面试题(收藏)
Jun 17 Javascript
js实现窗口全屏示例详解
Sep 17 Javascript
微信小程序全选多选效果实现代码解析
Jan 21 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
JAVA/JSP学习系列之六
2006/10/09 PHP
PHP彩蛋信息介绍和阻止泄漏的方法(隐藏功能)
2014/08/06 PHP
PHP函数http_build_query使用详解
2014/08/20 PHP
php实现的生成迷宫与迷宫寻址算法完整实例
2017/11/06 PHP
PHP7中I/O模型内核剖析详解
2019/04/14 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
两个SUBMIT按钮,如何区分处理
2006/08/22 Javascript
JS面向对象编程 for Cookie
2010/09/19 Javascript
深入理解Javascript闭包 新手版
2010/12/28 Javascript
jquery中邮箱地址 URL网站地址正则验证实例代码
2013/09/15 Javascript
jquery mobile的触控点击事件会多次触发问题的解决方法
2014/05/08 Javascript
nodejs中操作mysql数据库示例
2014/12/20 NodeJs
深入学习JavaScript中的原型prototype
2015/08/13 Javascript
基于JQuery实现分隔条的功能
2016/06/17 Javascript
jQuery选择器总结之常用元素查找方法
2016/08/04 Javascript
AngularJs ng-repeat 嵌套如何获取外层$index
2016/09/21 Javascript
Vue路由跳转问题记录详解
2017/06/15 Javascript
jQuery代码优化方法总结
2018/01/29 jQuery
js技巧之十几行的代码实现vue.watch代码
2018/06/09 Javascript
JS实现的tab切换并显示相应内容模块功能示例
2019/08/03 Javascript
基于jQuery拖拽事件的封装
2020/11/29 jQuery
Python爬虫抓取手机APP的传输数据
2016/01/22 Python
使用NumPy和pandas对CSV文件进行写操作的实例
2018/06/14 Python
Numpy之reshape()使用详解
2019/12/26 Python
PyCharm2020.1.1与Python3.7.7的安装教程图文详解
2020/08/07 Python
Joe Fresh官网:加拿大时尚品牌和零售连锁店
2016/11/30 全球购物
物流专员岗位职责
2014/02/17 职场文书
食品业务员岗位职责
2014/03/18 职场文书
财产公证书
2014/04/10 职场文书
工作失误检讨书(经典集锦版)
2014/10/17 职场文书
2014年销售经理工作总结
2014/12/01 职场文书
2014年学校德育工作总结
2014/12/05 职场文书
银行给客户的感谢信
2015/01/23 职场文书
2016年小学生寒假家长评语
2015/10/10 职场文书
七年级话题作文之执着
2019/11/19 职场文书
MyBatis XPathParser解析器使用范例详解
2022/07/15 Java/Android