新建div触发绑定在元素选择器上的js事件

在Jquery1.8版本之前，使用.live()绑定事件可以在新建div后自动绑定该div所在选择器所绑定的js事件。但是从1.8以后，官方推荐用on方法来绑定事件。那么，用.on()来绑定事件也可以和.live()达到相同的效果:$(document).on(‘事件‘,‘元素选择器‘,function(){})eg:初始化时对class为"btn"的div绑定了click事件，新建一个class为"btn"的div，使其也绑定该click事件：$("body").on("click",".btn",function(){　　alert("点击了这个div！！！")})
时间： 2024-11-05 21:53:40

新建div触发绑定在元素选择器上的js事件的相关文章

jQuery事件之on()方法绑定多个选择器,多个事件

这样一个需求,如果用live()方法实现的话 非常简单,容易理解. $('nav li, #sb-nav li, #help li').live('click', function () { // code... }); jquery在1.7版本后,建议大家用on方法代替之前的bind.live.delegate方法.那上面一句如果用on的话,怎么写呢? 其实查看live源码就知道,live实际是委托doucment进行事件委派的.按照这个思路,可以将on方法绑定到document即可. $(d

Ajax动态刷新元素js事件失效

工作中遇到一个情况,通过Ajax动态刷新某一区域后,原来绑定在这些dom元素上的js事件就失效了,定位了半天也不知道原因在那,后来查了资料发现动态刷新后的区域Dom元素是重新生成,所以页面之前的js不会动态绑定到新生成的元素上,这怎么解决呢,这里就用到了jQuery的事件委托机制来实现,示例代码如下: jQuery1.7版本以前可以通过live事件委托方式: $(selector).live("click", function(){ // 事件逻辑 }); 1.7版本后jQuery废除

css选择器（选择<div>内所有<p>元素）

情况1:<div><p></div> 情况2:<div><a><p></p></a></div> 使用: div p{} 其实在这里的解释是,选择<div>内所有<p>元素,不会是局限在<div>的下一级,而是不过<p>元素在第几级都会找到. 参考: http://www.w3school.com.cn/cssref/css_selectors.asp

第 13 章 CSS 选择器[上]

学习要点: 1.选择器总汇 2.基本选择器 3.复合选择器 4.伪元素选择器 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 选择器,通过选择器定位到想要设置样式的元素.目前 CSS 选择器的版本已经升级至第三代,即 CSS3 选择器.CSS3 选择器提供了更多.更丰富的选择器方式,主要分为三大类. 一．选择器总汇 本节课主要涉及到三种选择器:基本选择器.复合选择器和伪元素选择器,具体如下: 选择器 名称 说明 CSS 版本 * 通用选择器 选择所有元素 2 <type> 元素选择器

CSS3之伪元素选择器和伪类选择器

伪类选择器,和一般的DOM中的元素样式不一样,它并不改变任何DOM内容.只是插入了一些修饰类的元素,这些元素对于用户来说是可见的,但是对于DOM来说不可见.伪类的效果可以通过添加一个实际的类来达到. a:link|a:visited|a:hover|a:active 在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的,a:active 必须被置于 a:hover 之后,才是有效的. 由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得

深入学习jQuery选择器系列第八篇——过滤选择器之伪子元素选择器

× 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素 前面的话 本文是子元素选择器的续篇,主要介绍关于nth-of-type()选择器的内容.该部分内容并非没有出现在<锋利的jQuery>一书中,nth-of-type()选择器参照CSS中的nth-of-type选择器,于1.9版本新增,本文将详细介绍该内容 通用形式 :nth-of-type() 个人认为,:nth-of-type()选择器不应该归类于子元素选择器,也不完全等同索引选择器,因为其索引是指特定元素的索引,但

css伪元素选择器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>伪类</title><style> /*伪元素选择器: 伪元素的效果是需要通过添加一个实际的元素才能达到的.CSS中有如下四种伪元素选择器:· :first-line:为某个元素的第一行文字使用样式:· :first-letter:为某个元素中的文字

201507221403_《backbone之一——新建模型和集合、实例化模型、模型上监听事件的方法、模型设置和获取后台数据、配置理由方法、视图绑定事件的方法、绑定模型等》

一 . 新建 var model_1 = new Backbone.Model({'name':'hello'}); var model_2 = new Backbone.Model({'name':'hi'}); var models = new Backbone.Collection(); models.add( model_1 ); models.add( model_2 ); alert( JSON.stringify(models) ); 二. 实例化模型 var M = Backbo

相邻元素选择器

简介 在写css样式布局的时候经常会遇到一种情况,在循环列表的时候统一有margin-top:10px,或者margin-right: 10px这样的情况,但是你并不想第一个元素添加上外边距:在不知道相邻兄弟选择器前通常是自定义class样式把第一个元素设置为margin-top:0;使用了相邻兄弟选择器后只需要一行代码就可以解决 html <body> <div> <ul> <li>ABC</li> <li>ABC</li&g