动态创建的DOM元素进行事件绑定

http://files.cnblogs.com/files/xsmhero/jquery.livequery.js

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type=‘text/javascript‘ src=‘http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js‘></script>
<script type="text/javascript" src="jquery.livequery.js"></script>

<input type="button" id="create" value="点击这里" /> <div id="msg"></div>
<script type="text/javascript"> function checkName(id){  alert(‘验证NAME‘);}
$(function(){
    $("#create").click(function(){
        var vv ="<input type=\"text\" id="name" name=\"name\" onblur=\"checkName(‘name‘)\" />");
        $("#msg").html(v);
    });
    $("#name").livequery(‘blur‘,function(){
        alert(‘绑定了单击事件‘); 
    checkName($(this).attr("id"));
}); }); </script>
<input type="button" id="create" value="点击这里" /> 
时间: 2024-10-05 06:24:54

动态创建的DOM元素进行事件绑定的相关文章

JavaScript之jQuery-10 T-Query(T-Query、基本选择器、T-Query对象、操作方法、创建元素、事件绑定)

一.T-Query DOM 的使用问题 - 在 JavaScript中使用 DOM解析并操作 HTML 元素 - W3C 指定的 DOM 规范不仅适用于解析并操作 HTML 页面,还适用于解析并操作XML文件 - 使用 DOM 解析并操作 HTML页面中元素代码并不简洁 - 如果实现逻辑过于复杂的话,还可能影响 HTML页面的性能 - 我们可以通过自定义的T-Query完成对一些操作的封装,将基本操作进行简化 - T-Query功能大体如下: - 创建$全局对象,并提供工厂函数 - 使用$(ex

jquery动态生成元素的事件绑定

<html> <head> <meta charset="utf-8"> <meta name="view" content="width=device-width;user-scalable=no;initial-scale=1.0"> <script src="jquery.js"></script> <style> .image-host

jquery——获取dom元素身上的绑定事件的问题

在jQuery1.8.0版本之前,我们要想获取某个DOM绑定的事件处理程序可以这样: $.data(domObj,'events');//或者$('selector').data('events') jQuery1.8.0版本开始,jQuery突然不支持这样使用了,而是改到了一个叫'_data'的函数功能上了,即,1.8.0及以后的版本你可以这么用: $._data(domObj,'events');//注意,这里不能像$('selector')._data('events')这样用了. /*例

给DOM元素添加事件

今天遇到一个问题:鼠标单击页面中的任意标签,弹出该标签的名称. 实现代码如下: <script type="text/javascript"> document.onclick = function(e){ var e = (e||event); var o = e["target"] || e["srcElement"]; alert(o.tagName.toLowerCase()); } </script> 即创建了一

毕业设计---jQuery动态生成的a标签的事件绑定

这几天在毕业设计的前端设计阶段,准备放弃使用jsp,完全通过html+ajax+SSH进行网站的编写,在前端的页面显示我准备使用jQuery来实现数据的动态绑定.但是遇到动态添加的a标签无法直接通过$(element).click();来添加点击事件,通过网上的查询,在动态添加的标签绑定事件需要通过事件委托而非事件绑定. $("body").on("click", ".delete", function (){ del($(this).paren

动态添加dom中的事件绑定

在添加dom时,会同时添加按钮,或者事件.在动态添加的时候,应该用 $(document).on('event','selector',function(){.......}) 例如:

8/10 动态生成元素的事件绑定

1.7之前可使用 live () $("tbody>tr>td:nth-child(1)").live("click",function(){ var zState; if($(this).find(" .zMore").hasClass("fa-plus")) { zState=true; } else if($(this).find(" .zMore").hasClass("fa-

ExtJs之DHTML,DOM,EXTJS的事件绑定区别

<!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="ExtJs/

理解Javascript中的事件绑定与事件委托

最近在深入实践js中,遇到了一些问题,比如我需要为动态创建的DOM元素绑定事件,那么普通的事件绑定就不行了,于是通过上网查资料了解到事件委托,因此想总结一下js中的事件绑定与事件委托. 事件绑定   最直接的事件绑定:HTML事件处理程序 如下示例代码,通过节点属性显式声明,直接在HTML中,显式地为按钮绑定了click事件,当该按钮有用户点击行为时,便会触发myClickFunc方法. /* html */ <button id="btn" onclick="myCl