如何将jquery动态生成的数据绑定事件

如何将jquery动态生成的数据绑定事件,第1张

$("button")live("click",function(){

  $("p")slideToggle();

});

live() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。

通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。

语法

$(selector)live(event,data,function)

参数

event    必需。规定附加到元素的一个或多个事件。

由空格分隔多个事件。必须是有效的事件。

data    可选。规定传递到该函数的额外数据。 

function    必需。规定当事件发生时运行的函数。  

怎样判断有没有绑定一个事件,大家可以参考下。 研究发现都将事件起来了,其实也是为了防止内存溢出以及页面unload的时候的速度,也包括多函数触发,方便管理等诸多好处,具体可以参考此文。 jQuery会在windowunload的时候卸载所有绑定过的事件,释放内存的。 判断元素上是否绑定过事件用如下语句: 火烧云DeDeCMS培训view sourceprintjQuerydata(elem,"events")[type] //老版本也能用 $(elem)data("events")[type] //123以后才能用 51hsycn返回值:

一个Object,可以用for in来遍历。或者undefined。

参数:elem是一个对象,type是事件类型。

举例:判断id为foo的元素上是否绑定了click事件 :

<!DOCTYPE HTML>

<html lang="en-US">

<head>

<meta charset="UTF-8">

<title>menu</title>

<style type="text/css">

</style>

<script type="text/javascript" src="jquery-180minjs"></script>

<script type="text/javascript">

$ (function ()

    {

var sum = 5;

    var funny = function (x)

    {

    $ ("#id" + x)on ('click', function ()

    {

    alert ($ (this)attr ("id"));

    });

    }

    $ ("div")on ("keyup", function ()

    {

    for ( var x = 1; x <= sum; x++)

    {

    funny (x);

    }

    });

    });

// 绑定事件只能是在页面初始化的时候绑定,

// 只要绑定一次就可以,而且必须绑定一次,正常需求下。

// 如上:每次div键盘谈起,就绑定事件,事件累加绑定,导致效率低下,结果很大概率出错。

// jquery选择器,包括 以id开头的id的dom元素的获取方法

// $("[id^=id]")each (function (i, dom){

// var me = $(this), idx = meattr ("id")replace(/[^\d]/g,'');

// if (idx >= 1 && idx <= sum)

    //      {

//            // TODO

   //       }

//})

// 无论如何都不需你那样做。好自为之

</script>

</head>

<body>

<div>ddddddddddddd</div>

<span id="id1">aaaaaaaaaaaa</span>

<span id="id2">aaaaaaaaaaaa</span>

<span id="id3">aaaaaaaaaaaa</span>

<span id="id4">aaaaaaaaaaaa</span>

<span id="id5">aaaaaaaaaaaa</span>

</body>

</html>

script标签不能放在html之外

date的秒位未设置

日期比较最好使用字符串,因为毫秒误差

<!DOCTYPE html>

<html>

<head>

    <title>简单的定时触发</title>

</head>

<body>

    <div>

        <form action="">

        <input type="button" value="开始" name="btnStart"

         id="btnStart" onclick="alert('触发了按钮的单击事件');" />

        </form>

        <script language="JavaScript" type="text/javascript">

            (function () {

                var date = new Date();

                datesetHours(15, 49, 25);

                setInterval(function () {

                    var newDate = new Date();

                    if (newDatetoString() == datetoString()) {

                        documentgetElementById("btnStart")click();

                    }

                }, 1000);

            })();

        </script>

    </div>

</body>

</html>

以上就是关于如何将jquery动态生成的数据绑定事件全部的内容,包括:如何将jquery动态生成的数据绑定事件、如何用jQuery判断元素上是否绑定了事件、js(jquery)循环绑定事件如何实现等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9812894.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-02
下一篇2023-05-02

发表评论

登录后才能评论

评论列表(0条)

    保存