jquery怎么给button绑定事件

jquery怎么给button绑定事件,第1张

attr方法是取得属性或者给属性赋值用的,绑定事件的话应该用bind方法。。

$(function () { $("input[type=button][name='dd']").bind("click", function () { alert("ddd")})})

或者

$(function () { $("input[type=button][name='dd']").click(function () { alert("ddd")})})

可以去button外面的容器,然后筛选,比如button在一个<div id='div1'><button name='XXX'></button></div>

想取button的name可以写var name = $('#div1 button').attr('name')当然这个div里只能有这么一个button标签,如果有多个的话,$('#div1 button')取出来的就是一个数组,要遍历下如:

$('#div1 button')..each(function(ele,index){

//绑定

$(this).bind("click",function(){})

}

直接使用click事件是不起作用的,我平常使用的两种方法

1、on事件

var html1=''

html1 +=`<div>

<button type="button" class="btn btn-primary sure btn-mian" onclick="sure()">确认提交</button>

<button type="button" class="btn btn-default " data-dismiss="modal">暂不提交</button>

</div>`

$('.modal-footer').append(html1)

$('div').on('click','.sure',function(){console.log("+++")})

2、onclick事件

var html1=''

html1 +=`<div>

<button type="button" class="btn btn-primary sure btn-mian" onclick="sure()">确认提交</button>

<button type="button" class="btn btn-default " data-dismiss="modal">暂不提交</button>

</div>`

$('.modal-footer').append(html1)

functionsure(){console.logO("===")}

需要获取到div这个元素,可以通过id,class等等方式得到,比如说div的id为"div1",那么就可以这么写了。$('#div1').click(function(){//这里面就是click事件的内容了})


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

原文地址: http://outofmemory.cn/bake/11648740.html

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

发表评论

登录后才能评论

评论列表(0条)

保存