jQuery 动态绑定的点击事件

$(function () {
    var a = 1,
    $_div = $(‘#test‘);
    $(‘input[name=addbtn]‘).on(‘click‘, function () {
        $_div.append(‘<input type="button" name="test‘ + a + ‘" value="按钮‘ + a + ‘"/>‘);
        a++;
    });

    //偶数项点击事件
    $_div.on(‘click‘, ‘input[name^=test]:even‘, function () {
        alert(‘我是有效的on方法,你能看见我吗:‘ + this.value);
    });

    //奇数项绑定的点击事件  发现点击无效,而是用live方法却能够支持
    $(‘input[name^=test]:odd‘).on(‘click‘, function () {
        alert(‘我是无效的on方法,你不能看见我‘);
    });

    //奇数项绑定的点击事件  发现点击无效,而是用live方法却能够支持
    $(‘input[name^=test]:odd‘).live(‘click‘, function () {
        alert(‘我是live方法,你能看见我吗:‘ + this.value);
    });
});
 
时间: 2024-10-12 09:23:34

jQuery 动态绑定的点击事件的相关文章

jQuery模拟鼠标点击事件失效的问题

最近使用jQuery操作浏览器获取数据,需要对分页的信息进行处理,发现直接使用$('div#pager a.next').click();的这种写法无法触发点击事件. 使用trigger('click')的写法也是无济于事. 在网上一顿扒拉后,发现使用$('div#pager a.next')[0].click();就OK了. $('div#pager a.next')[0]这种写法其实就相当于把jQuery对象转换为Dom对象了. 模拟点击不生效的原因 如果使用jQuery的写法:$('a#t

Vue 接收数据for循环渲染出的标签jQuery渲染的点击事件无效

Vue 接收数据for循环渲染出的标签jQuery渲染的点击事件无效 Vue在渲染页面的时候使用jQuery的时候会发现当在created生命周期中获取后台数据,写在 mounted 生命周期的jquery渲染的点击事件不管用了. 理论上,mounted是界面html生成结束才会开始执行的,应该是可以的,但实际效果就是不行. 原因 问题的原因出现在,jquery确实在界面HTML生成之后执行了,但是当时向后台请求的数据还没请求回来,当请求回来用for循环重新渲染数据后,jquery已经执行完了,

jQuery添加options点击事件并传值

说明: 根据选择不同店铺选项,上送不同id值,展示不同商品列表 var formStr = "{'supplierId':'供应链企业|%-jm-sprt-%|93794498-3'}"; $.ajax({ type : "post", dataType : "json", cache : false, url : "../../../webservice/gmall.json", // 提交到一般处理程序请求数据 data

jQuery中让点击事件只触发一次($(&quot;&quot;).one(&quot;click&quot;,function(){});)

有时候该按钮要求只能进行一次点击操作,又不想通过代码逻辑来处理,判断次按钮是否被触发过,就可以用这个小技巧来写 jQuery代码 $(function () { $(":button").one("click", function () { //事件只触发一次 alert("dianle") }); }); <body> <input type="button" value="click"

jquery让一个点击事件刷新页面就自己执行一次的方法

$('name')这个元素之前已经绑定过事件啦,(on绑定)然后直接调用下即可: $('name').click();

用Jquery来实现点击事件等的功能

jQuery新建链接点击事件

$("#qqOnline").click(function(){ var a = $("<a href=\"../../onlinekefu1.do\" target=\"_blank\">qq</a>").get(0); var e = document.createEvent("MouseEvents"); e.initEvent('click', true, true); a.

关于jQuery中动态生成的点击事件触发两次的讨论

由于是动态生成的  点击事件运用了jQuery里面的on()方法,绑定在body上面,结果在程序里面运行了两次.参考了博客 利用on和off方法编写高效的js代码知道了很多在dom对象删除以后,其声明的绑定在window上的事件还一直存在,导致相同的功能代码执行了几次.故使用之前要清理掉body上绑定的click事件,利用了jQuery里面off()方法. $('body').off('click').on('click','selector',function(){});

使用jQuery模拟鼠标点击a标签事件

来源于:https://mo2g.com/view/42/ <html> <head> <meta charset="UTF-8"> <title>磨途歌-A标签测试3</title> </head> <body> <a href="http://www.mo2g.com">磨途歌</a> </body> </html> <scr