jquery在ajax后新添加的元素，如何绑定事件hover,click？

83510998 2013-11-21

1.前言。

live在1.7后增加，1,9后被移除，真够悲催的。die在1.9也不存在了。on和delegate还在。其实用on替代live是一样的，新增加的元素仍然能够触发事件。

2.例子。

直接将下面例子保持为html，可以直接运行。

<!DOCTYPE html>
<html>
  <title>如何为div加样式"add"或者".css"都可以为每个div背景加色</title>
<head>
  <style>
 div { width:60px; height:60px; margin:10px; float:left; }
 p { clear:left; font-weight:bold; font-size:16px; 
     color:blue; margin:0 10px; padding:2px; }
 </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <div></div>

  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>

  Added this... (notice no border)
  <table>
    <tbody id="kk1">
    <tr><td>fewfew</td></tr>
    <tbody>
</table>
<input type="button" value="点击" onclick="appd();"/>

<script>
<!--.add为为字体加框，.css为为每个div背景加色-->
$("div").css("border", "2px solid red") .add("p").css("background", "yellow");
function appd(){
  alert("kk");
  $("#kk1").append("<tr id='kkk'><td>123</td></tr>").children("tr[id='kkk']").on('mouseenter',function(){	alert("haha")}).on('mouseleave',function(){	alert("hehe")});

}
</script>

</body>
</html>
83510998

83510998

相关推荐

jQuery实现朋友圈查看图片

<a href="images/img1-large.png" style="background-image:url" title="图片一"></a>

84483065 / 0评论 2020-09-11

jQuery中event.target和this的区别详解

　　1.js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远指向触发事件的DOM元素本身；　　2.this和event.target都是dom对象，使用jQuey中的方法可以将他们转换为jquery对象：$和$.比如,

85477104 / 0评论 2020-08-15

9.jQuery初识—选择器、效果

书写繁琐，代码量大。动画效果很难实现。使用定时器，要小心各种定时器的清除。各种操作和处理事件不好实现。浏览器的兼容性。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。插件扩展开发，jQuery有着丰富的第三方插件，

83510998 / 0评论 2020-08-08

56-58-前端-jQuery

python导入模块发生了哪些事？"""我不想下载jQuery文件 能不能使用呢？w.fn.init [p.c1, prevObject: w.fn.init]0: p.c1length: 1prevObject: w.fn.

tztzyzyz / 0评论 2020-07-05

JQuery之事件

- blur 失去焦点事件。- mouseenter 鼠标进入事件。- change 改变事件，如：文本框值改变，下拉列表值改变等。- keydown 键盘按下事件。最早采用的是 bind、delegate等方式绑定的。jQuery 1.7版本后，jQue

delmarks / 0评论 2020-06-28

jquery获取动态修改后的data值，data()函数不能获取最新的数据

但是动态修改过以后，使用data方法，一直都是以前的值。$.on(‘change keyup changed‘, ".fieldlistsub input.neibu,.fieldlistsub textarea.neibu,.fieldlist

89510194 / 0评论 2020-06-27

jQuery部分选择器示例

jQuery是目前最流行的JavaScript程序库，它是对JavaScript对象和函数的封装。它能做的JavaScript也都能做，但使用jQuery能大幅提高开发效率。=test]").css;});});二、通过过滤选择器选择元素1.基本

牵手白首 / 0评论 2020-06-14

jQuery-事件

// 当页面框架加载完成之后，执行内部代码。// 触发事件时，都会执行此匿名函数。$代表当前触发的标签。

83510998 / 0评论 2020-06-07

jQuery-按回车发送事件

cn_share:select * from cn_share where xxx like %关键词%

82244951 / 0评论 2020-06-05

jQuery基础

jQuery是一个轻量级的"写的少，做的多"的JavaScript库。它包含以下功能：1、HTML元素选取；2、HTML元素操作；3、CSS操作；4、HTML事件函数；5、JavaScript特效和动画；6、HTML DOM遍历和修改；

tztzyzyz / 0评论 2020-05-31

《jQuery基础教程_李松峰译_带书签》高清pdf下载链接

本书由jQuery API网站维护者亲自撰写，第一版自2008上市以来，一版再版，累计重印14次，是国内首屈一指的jQuery经典著作！作为最新升级版，本书涵盖jQuery 1.10.x和jQuery 2.0.x。本书前6章以通俗易懂的方式讲解了jQuer

81463166 / 0评论 2020-05-17

jquery的clon

var s = $.parent().clone(); //获取到this的点击事件后，返回父标签，进行clon. $.append; //把clon的信息添加到，最外层的div标签中

88570299 / 0评论 2020-05-17

3、jQuery事件操作

<!DOCTYPE html>. 1.eventName(fn);2.on(eventName, fn);// alert("hello lnj");// });// alert("hello 12

delmarks / 0评论 2020-05-17

jQuery中的事件处理(移除绑定)

　　unbind() 方法移除被选元素的事件处理程序。　　off() 方法通常用于移除通过on()方法添加的事件处理程序。

牵手白首 / 0评论 2020-05-15

分享一些经典的特效效果,希望对大家有帮助

id=2cjibhjaajquery单排图片切换效果，通过左右按钮点击单排图片切换，且带分页数提示，支持自动切换。适用于各大商城产品图片切换展示。id=2cj12chhjjquery制作两种查看原图按钮收缩展开，隐藏关闭。比较实用的的图片查看jQuery网

donghongbz / 0评论 2020-05-15

jQuery 语法

通过 jQuery，您可以选取 HTML 元素，并对它们执行"操作"。jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready

tztzyzyz / 0评论 2020-05-15

jquery 动态生成的input添加change事件

<table id="table" class="table table-striped table-bordered table-hover table-nowrap" width="100%&qu

牵手白首 / 0评论 2020-05-14

jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析

最近在工作中做需求时发现了一个诡异的事情，在使用jQuery触发事件时，并不总是先执行默认行为，再执行绑定的事件行为，有时候可能是相反的顺序。于是上网查找了下资料，还真有个外国哥们和我遇到同一个问题！整理下笔记先~ ~那这里说的“有些时候”到底是什么时候呢

Chriswang / 0评论 2020-04-30

这些例子感觉很实用，希望对你也有帮助

jquery zoom仿新浪微博点击小图查看大图代码点击》jquery zoom仿新浪微博点击小图查看大图代码图片支持横排和竖排查看。jquery图片左右滚动按钮控制图片左右滚动效果代码点击》jquery图片左右滚动按钮控制图片左右滚动效果代码

83510998 / 0评论 2020-05-03

对前端特效感兴趣的同学可以留意下这些例子，有点意思

js简单的注册表单密码验证代码点击》js简单的注册表单密码验证代码js简单的注册表单验证，支持会员名称验证，表单密码验证，确认密码验证代码。id=hki0ihbibjQuery、jqGrid列表详细页表格布局，生成表格内容，表格查询代码。id=hkibc2

89463661 / 0评论 2020-04-25

jquary(javascript+query)

javascript脚本语言，使用在浏览器中，控制网页中的文档对象 和 与用户进行交互时。jquery为javascript中的一个类库，集成javascript中常使用的功能，可实现javascript中的大量功能。使用jquery获取标签对象后，利用标

小仙儿 / 0评论 2020-04-17

使用jQuery的validate对提交的表单进行验证

<legend>输入您的名字，邮箱，URL，备注。

89463661 / 0评论 2020-04-14

jquery常见用法

事件方法触发器或添加一个函数到被选元素的事件处理程序。下面的表格列出了所有用于处理事件的 jQuery 方法。die()在版本 1.9 中被移除。error()在版本 1.8 中被废弃。演示 jQuery focus() 和 blur() 事件。jQuer

89463661 / 0评论 2020-03-08

jQuery的prop和attr练习切换图片

<!

82550495 / 0评论 2020-03-05

jquery使用on给input绑定focus事件和alert组合后无限弹出

我们知道，jQuery中的on方法是可以无限触发的，当给input绑定了focus事件的时候，如果在focus事件中使用了alert弹出框的话，很容易就会造成死循环的现象。原因是因为，jQuery的on绑定的这个focus事件是组合了onfocus和onb

donghongbz / 0评论 2020-03-04

zepto快速入门教程

* DOM操作配置对象：jquery不同使用配置对象添加id，class。。。

小仙儿 / 0评论 2020-03-01

vue和jquery的对比

今天将vue和之前学的jquery来对比一下。Jquery介绍：jquery是一个快速的，简洁的JavaScript框架，于2006年由John Resig发布，倡导的是写更少的代码，去做更多的事。像我们快速获取文档元素，页面的动态效果和ajax的无刷新页

89463661 / 0评论 2020-02-23

jQuery

<!DOCTYPE html>. <!DOCTYPE html>. alert('点击');});<!DOCTYPE html>. $('#test-ul li[name = python]').text();$('#t

donghongbz / 0评论 2020-02-19

jQuery 实例

演示 jQuery 的 hide() 函数，隐藏当前的 HTML 元素。演示 jQuery jQuery click() 事件.演示jQuery hide() 和 show() 方法。另外一个隐藏文本的实例。演示如何在 jQuery animate() 方

牵手白首 / 0评论 2020-02-18

GitHub已完全弃用jQuery，问题是为什么？

最近，我们将 jQuery 完全从 GitHub.com 的前端代码中移除了，这标志着我们数年来逐步移除 jQuery 这个渐进式的过程终于结束了，这对我们来说是一件里程碑式的事件。这篇文章将介绍过去我们是如何依赖上 jQuery 的，随着时间地推移，我们

小仙儿 / 0评论 2020-02-18

jQuery的事件绑定

<!----><ul> <li>111</li> <li>222</li> <li>333</li> <li>444<

82550495 / 0评论 2020-02-18

jquery事件参数和相关事件

处理事件冒泡 e.stopPropagation(); return false;2.one 和triggerone 一次性事件data不能是字符串trigger 触发指定类型事件 自动触发事件传递参数形式为[data]3.事件切换 hover

80437916 / 0评论 2020-02-15

jQuery入门基础知识点汇总

jquery 是 js的封装的一个框架 快速开发。jquery dom获取的时候注意元素是否初始化.若不考虑是否初始化 需要以下加载函数注意：jquery 加载函数 类似 浏览器的加载完成事件window.onload. dom元素获取方式注意：j

89463661 / 0评论 2020-02-14

jQuery学习-w3cschool-(1)jQuery 教程

使用 Google 的 CDN引入jQuery库：。jQuery 库包含以下特性：。jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。//若将jq库文件放在body底

小仙儿 / 0评论 2020-02-09

jquery和zepto的异同

文件大小比较小 只有8k左右 ,是目前功能库中最小的一个，尽管不大，zepto 所提供的工具足以满足开发程序的需要，大多数在jquery中常用的API和方法Zepto 都有，Zepto 和API大部分都能和jquery兼容 所以用起来和jquery差不多。

80437916 / 0评论 2020-02-01

Jquery实现检测用户输入用户名和密码不能为空

--设置用户名输入框-->. --空span标签用来后面绑定事件添加提示-->. $.click(function(){let$name=$(‘#t1‘);let$pwd=$(‘#t2‘);

tthappyer / 0评论 2020-01-31

js jquery this

今天遇到一个问题，在使用js创建对象时，里面的方法内包含function时，在内部的function里无法调用对象的方法，this无法穿透，this在方法中可以使用，但在往下一层就不可以，解决办法是在方法里使用var obj=this,然后在内部的func

ruoyiqing / 0评论 2013-05-10

jQuery鼠标滚动事件

/** Event handler for mouse wheel event. *鼠标滚动事件 */ var wheel = function { var delta = 0; if (!"); // 1 $.onclick

超级赛亚人 / 0评论 2013-05-31

220 jQuery 事件对象

jQuery 对DOM中的事件对象 event 进行了封装，兼容性更好，获取更方便，使用变化不大。事件被触发，就会有事件对象的产生。

liaoxuewu / 0评论 2020-01-18

219 jQuery事件处理： off() 解绑事件，trigger() 、triggerHandler() 自动触发事件

当某个事件上面的逻辑，在特定需求下不需要的时候，可以把该事件上的逻辑移除，这个过程我们称为事件解绑。jQuery 为我们提供 了多种事件解绑方法：die() / undelegate() / off() 等，甚至还有只触发一次的事件绑定方法 one()，在

donghongbz / 0评论 2020-01-18

216 jQuery 文本属性值：html() 、text() 、 val()

jQuery的文本属性值常见操作有三种：html() 、text() 、 val() ，分别对应JS中的 innerHTML 、innerText 和 value 属性。

donghongbz / 0评论 2020-01-17

Jquery change方法

当元素的值发生改变时，会发生 change 事件。change() 函数触发 change 事件，或规定当发生 change 事件时运行的函数。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。

89510194 / 0评论 2020-01-14

jQuery总结

项目需要用，总结一下相关知识，方便查看。jQuery 是一个轻量级的 JavaScript 库，极大地简化了 JavaScript 开发。jQuery 封装了 JS、CSS、DOM 等并提供一致的、简洁的 API，简化了 JS 编程。jQuery 会频繁的

89510194 / 0评论 2020-01-12

松软科技课堂:jQuery 事件函数

jQuery 事件处理方法是 jQuery 中的核心函数。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”经常会被使用。如果您的网站包含许多页面，并且您希望您的 jQuery 函数易于维护，那么请把您的 jQuery 函数放

小仙儿 / 0评论 2020-01-11

jQuery 操作

js对象与jQery对象相互转换：jQ==>JS: $[0] JS==>jQ: $. 简单的说 就是JS的封装版，它简化了js的操作。jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Aj

牵手白首 / 0评论 2020-01-02

jQuery中mouseout和mouseleave区别

console.log; //不论鼠标指针离开指定元素还是该元素子元素，都会触发 mouseout 事件。

小仙儿 / 0评论 2020-01-07

JQuery/JS插件 jsTree checkbox选中事件 和 节点选中事件 分离版

‘whole_node‘: false,//复选框与节点关联 true 为关联 false为不关联。"text": "Child node 22", "id": "22", &

81463166 / 0评论 2020-01-04

使用jQuery的validate对提交的表单进行验证

<legend>输入您的名字，邮箱，URL，备注。

89463661 / 0评论 2020-01-03

Jquery

hover() 用于模拟光标悬停,移上去触发mouseenter，离开触发mouseleave. focus()获得焦点，blur()失去焦点。callback:可选,隐藏或显示完成后所执行的函数名。可用toggle()切换hide()和show()方法。

81463166 / 0评论 2019-12-22

Jquery 获取元素上绑定的事件

控制台输入$.cache[$.get[$.expando]].events输出元素上绑定的事件

89463661 / 0评论 2019-12-20