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 相关文章推荐
漂亮的仿flash菜单,来自蓝色经典
Jun 26 Javascript
用js的document.write输出的广告无阻塞加载的方法
Jun 05 Javascript
基于jquery css3实现点击动画弹出表单源码特效
Aug 31 Javascript
jQuery仿淘宝网产品品牌隐藏与显示效果
Sep 01 Javascript
jQuery中DOM节点的删除方法总结(超全面)
Jan 22 Javascript
JavaScript编写一个贪吃蛇游戏
Mar 09 Javascript
详解angular element()方法使用
Apr 08 Javascript
Vue.js 2.5新特性介绍(推荐)
Oct 24 Javascript
vue使用vuex实现首页导航切换不同路由的方法
May 08 Javascript
JS实现前端动态分页码代码实例
Jun 02 Javascript
js实现网页随机验证码
Oct 19 Javascript
为什么推荐使用JSX开发Vue3
Dec 28 Vue.js
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(2)――PHP类型
2010/02/15 PHP
Drupal7 form表单二次开发要点与实例
2014/03/02 PHP
php bootstrap实现简单登录
2016/03/08 PHP
thinkPHP+PHPExcel实现读取文件日期的方法(含时分秒)
2016/07/07 PHP
fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法
2009/10/20 Javascript
JavaScript 设计模式 安全沙箱模式
2010/09/24 Javascript
基于JQuery的日期联动实现代码
2011/02/24 Javascript
优化innerHTML操作(提高代码执行效率)
2011/08/20 Javascript
js获取时间(本周、本季度、本月..)
2013/11/22 Javascript
javaScript对文字按照拼音排序实现代码
2013/12/27 Javascript
jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
2015/04/30 Javascript
JavaScript实现输入框(密码框)出现提示语
2016/01/12 Javascript
AngularJs基本特性解析(一)
2016/07/21 Javascript
深入学习js瀑布流布局
2016/10/14 Javascript
微信小程序 登录实例详解
2017/01/16 Javascript
Javascript中的作用域及块级作用域
2017/12/08 Javascript
vue + vuex todolist的实现示例代码
2018/03/09 Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
2018/10/25 Javascript
[00:52]DOTA2第二届亚洲邀请赛预选赛宣传片
2017/01/13 DOTA
python简单读取大文件的方法
2016/07/01 Python
Python新手们容易犯的几个错误总结
2017/04/01 Python
Python使用Windows API创建窗口示例【基于win32gui模块】
2018/05/09 Python
快速解决pyqt5窗体关闭后子线程不同时退出的问题
2019/06/19 Python
Python爬虫:将headers请求头字符串转为字典的方法
2019/08/21 Python
Django设置Postgresql的操作
2020/05/14 Python
canvas 如何绘制线段的实现方法
2018/07/12 HTML / CSS
怎样从/向数据文件读/写结构
2014/11/23 面试题
PyQt QMainWindow的使用示例
2021/03/24 Python
员工拾金不昧表扬信
2014/01/09 职场文书
新员工辞职信范文
2015/05/12 职场文书
2016保送生自荐信范文
2016/01/29 职场文书
竞选稿之小学班干部
2019/10/31 职场文书
MySQL 表空间碎片的概念及相关问题解决
2021/05/07 MySQL
配置nginx 重定向到系统维护页面
2021/06/08 Servers
详解Spring事件发布与监听机制
2021/06/30 Java/Android
CSS 实现Chrome标签栏的技巧
2021/08/04 HTML / CSS