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+xml自动生成表格的东西
Dec 21 Javascript
jQuery EasyUI API 中文文档 - Spinner微调器使用
Oct 21 Javascript
Bootstrap每天必学之响应式导航、轮播图
Apr 25 Javascript
JSONP跨域请求实例详解
Jul 04 Javascript
原生js实现addclass,removeclass,toggleclasss实例
Nov 24 Javascript
canvas实现动态小球重叠效果
Feb 06 Javascript
无循环 JavaScript(map、reduce、filter和find)
Apr 08 Javascript
使用mock.js随机数据和使用express输出json接口的实现方法
Jan 07 Javascript
使用bootstrap实现下拉框搜索功能的实例讲解
Aug 10 Javascript
原生js实现淘宝放大镜效果
Oct 28 Javascript
关于JavaScript 数组你应该知道的事情(推荐)
Apr 10 Javascript
js实现简单的日历显示效果函数示例
Nov 25 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中通过正则表达式下载内容中的远程图片的函数代码
2012/01/10 PHP
ThinkPHP3.1新特性之查询条件预处理简介
2014/06/19 PHP
php基于PDO实现功能强大的MYSQL封装类实例
2017/02/27 PHP
laravel Task Scheduling(任务调度)在windows下的使用详解
2019/10/22 PHP
JavaScript 常用函数库详解
2009/10/21 Javascript
js中prototype用法详细介绍
2013/11/14 Javascript
jQuery中bind,live,delegate与one方法的用法及区别解析
2013/12/30 Javascript
JavaScript中的Truthy和Falsy介绍
2015/01/01 Javascript
javascript中关于&amp;&amp; 和 || 表达式的小技巧分享
2015/04/10 Javascript
jQuery+css实现的蓝色水平二级导航菜单效果代码
2015/09/11 Javascript
JS使用正则表达式过滤多个词语并替换为相同长度星号的方法
2016/08/03 Javascript
JS实现根据用户输入分钟进行倒计时功能
2016/11/14 Javascript
node.js(express)中使用Jcrop进行图片剪切上传功能
2017/04/21 Javascript
深究AngularJS如何获取input的焦点(自定义指令)
2017/06/12 Javascript
PWA介绍及快速上手搭建一个PWA应用的方法
2019/01/27 Javascript
jquery 验证用户名是否重复代码实例
2019/05/14 jQuery
JS实现基本的网页计算器功能示例
2020/01/16 Javascript
springboot+vue实现文件上传下载
2020/11/17 Vue.js
Python中使用scapy模拟数据包实现arp攻击、dns放大攻击例子
2014/10/23 Python
Python 文件处理注意事项总结
2017/04/10 Python
python操作excel的方法
2018/08/16 Python
matplotlib实现热成像图colorbar和极坐标图的方法
2018/12/13 Python
python通过http下载文件的方法详解
2019/07/26 Python
对Python 中矩阵或者数组相减的法则详解
2019/08/26 Python
Pytorch中的variable, tensor与numpy相互转化的方法
2019/10/10 Python
详解如何用canvas画一个微笑的表情
2019/03/14 HTML / CSS
美国电视购物:QVC
2017/02/06 全球购物
Diesel美国网上商店:意大利牛仔时装品牌
2020/12/10 全球购物
节约用水倡议书
2014/04/16 职场文书
党支部反对四风思想汇报
2014/10/10 职场文书
运动会开幕词
2015/01/28 职场文书
祝酒词范文
2015/08/12 职场文书
2016领导干部廉洁从政心得体会
2016/01/19 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书
MySQL 慢查询日志深入理解
2021/04/22 MySQL
微软Win11 全新照片应用面向 Dev预览版推出 新版本上手体验图集
2022/09/23 数码科技