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实现运行代码需要刷新的解决方法
Aug 18 Javascript
用jquery ajax获取网站Alexa排名的代码
Dec 12 Javascript
JavaScript中获取未知对象属性的代码
Apr 27 Javascript
JS随机打乱数组的方法小结
Jun 22 Javascript
基于bootstrap实现广告轮播带图片和文字效果
Jul 22 Javascript
Javascript 实现放大镜效果实例详解
Dec 03 Javascript
最常用的jQuery表单验证(简单)
May 23 jQuery
angular中使用Socket.io实例代码
Jun 03 Javascript
vue中echarts3.0自适应的方法
Feb 26 Javascript
React中如何引入Angular组件详解
Aug 09 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
Oct 12 Javascript
Vue 无限滚动加载指令实现方法
May 28 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的GD库imagettftext函数解决中文乱码问题
2015/01/24 PHP
百万级别知乎用户数据抓取与分析之PHP开发
2015/09/28 PHP
Centos PHP 扩展Xchche的安装教程
2016/07/09 PHP
老生常谈PHP面向对象之命令模式(必看篇)
2017/05/24 PHP
thinkphp框架实现路由重定义简化url访问地址的方法分析
2020/04/04 PHP
jquery一般方法介绍 入门参考
2011/06/21 Javascript
windows8.1+iis8.5下安装node.js开发环境
2014/12/12 Javascript
jQuery mobile转换url地址及获取url中目录部分的方法
2015/12/04 Javascript
Vue.js每天必学之内部响应式原理探究
2016/09/07 Javascript
如何获取元素的最终background-color
2017/02/06 Javascript
vue2.0构建单页应用最佳实战
2017/04/01 Javascript
单行 JS 实现移动端金钱格式的输入规则
2017/05/22 Javascript
详解Vue底部导航栏组件
2019/05/02 Javascript
vue 集成 vis-network 实现网络拓扑图的方法
2019/08/07 Javascript
关于vue组件事件属性穿透详解
2019/10/28 Javascript
vue中对象数组去重的实现
2020/02/06 Javascript
JavaScript实现音乐导航效果
2020/11/19 Javascript
k8s node节点重新加入master集群的实现
2021/02/22 Javascript
scrapy自定义pipeline类实现将采集数据保存到mongodb的方法
2015/04/16 Python
详解Python装饰器由浅入深
2016/12/09 Python
Python使用add_subplot与subplot画子图操作示例
2018/06/01 Python
python实现在图片上画特定大小角度矩形框
2018/10/24 Python
Python应用实现处理excel数据过程解析
2020/06/19 Python
几个Shell Script面试题
2014/04/18 面试题
教育学专业实习生的自我鉴定
2013/11/26 职场文书
简历自我评价怎么写呢?
2014/01/06 职场文书
人民调解员培训方案
2014/06/05 职场文书
个人查摆问题及整改措施
2014/10/16 职场文书
关于有小孩的离婚协议书
2014/10/26 职场文书
个人工作总结范文2014
2014/11/07 职场文书
就业意向协议书
2015/01/29 职场文书
2015年惩防体系建设工作总结
2015/05/22 职场文书
堂吉诃德读书笔记
2015/06/30 职场文书
MySQL 自动填充 create_time 和 update_time
2022/05/20 MySQL
Linux下搭建SFTP服务器的命令详解
2022/06/25 Servers
云服务器部署 Web 项目的实现步骤
2022/06/28 Servers