用Jquery给Table 的TD TR绑定事件

项目需求,我需要在页面加载完之后 新添加的元素增加focus事件 , 我用的jQuery1.3,据说多了个live()事件 ,可以支持这种重复 问题,可是去官网一看:
Possible event values:
click
, dblclick
, mousedown
, mouseup
, mousemove
, mouseover
, mouseout
, keydown
, keypress
, keyup

Currently not supported:
blur
, focus
, mouseenter
, mouseleave
, change
, submit

真晕啊,我就是要处理blur,focus事件
的,干嘛不支持,不支持realse干嘛啊 。。。

此例使用了livequery( matchedFn ),场景是:

好在发现一个插件,livequery

例子:

$(‘#table tr td
‘).livequery(function(){

$(this).find("input#quotes").focus(function(){

    //focus event

}),

$(this).find("input#serial_num").focus(function(){

    // focus event

})

});

$(‘#table tr td
‘).livequery(function(){

$(this).find("input#quotes").blur(function(){

 //blur event

}),

$(this).find("input#serial_num").blur(function(){

    //blur event

})

});

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

原文地址:https://www.cnblogs.com/swdhywhd/p/10310921.html

时间: 2024-11-03 12:28:30

用Jquery给Table 的TD TR绑定事件的相关文章

jQuery遍历table中的tr td并获取td中的值

jQuery遍历table中的tr td并获取td中的值 $(function(){ $("#tableId tr").find("td").each(function(){ <span style="white-space:pre"> </span> var year = $("#year").val(); var month = $("#month").val(); var da

关于Jquery获取Table中td内的内容

$(this).children().eq(1).text()获取的是显示的值$(this).children().eq(1).html()获取的是<td></td>之间的所有内容$('.trSelected',grid).find("td").eq(7).text();获取的是选中的某行的内容 遍历表<table id="gird"..... $("#grid tr").each(function() {     

WEB前端技巧之JQuery为动态添加的元素绑定事件

jquery 为动态添加的元素绑定事件 如果直接写click函数的话,只能把事件绑定在已经存在的元素上,不能绑定在动态添加的元素上 可以用delegate来实现 .delegate( selector, eventType, handler ) 例如示例: $('someUlSelector').delegate('someLiSelector','click',function(){ //codes... //$(this) for the current jquery instance of

jquery给table动态添加tr

-------------------------------------js部分----------------------------------------- 基于jquery,所以导包,jquery.min.js,因为页面我用的是bootstrop,所以这里需要导入bootstrop.css and bootstrop.min.js 下面是js部分 <script>        var row_count = 2;    //因为页面已经有一行了,为了和谐,所以直接从2开始.详细见p

解决jquery新加入的元素没有绑定事件问题

在使用jquery操作时,往往需要动态的添加一些元素,但是这些新加入的元素并没有像css那样被赋予原本定义的样式,解决方法如下: 1.动态插入元素后,并用bind事件给新加入的元素绑定事件. 2.如果使用的是jquery 1.8以下的版本,可以使用live()方法进行绑定. $(function(){ $("a").live("click", function(){ alert("ok"); }); }); 3.使用on()方法来给元素绑定事件(

jQuery对 动态添加 的元素 绑定事件(on()的用法)

从jQuery 版本 1.7 起,on() 方法是向被选元素添加事件处理程序的(官方推荐)首选方法. 当浏览器下载完一个页面的时候就开始渲染(翻译)HTML标签,然后执行css.js代码,在执行js代码的时候就注册了相应绑定的事件,我们平常用jQuery给HTML标签绑定(单击)事件是一般这样写 $("#btnId").click(function () { //触发事件后 逻辑 });  但是对用js动态添加的元素 是无效的,即没有绑定单击事件,所以对于动态添加的标签需要用on()来

jQuery给动态添加的元素绑定事件的方法

jquery中绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定.在1.7版本以前使用live.但是在1.8版本以后推荐使用on.这里介绍jQuery中如何给动态添加的元素绑定事件在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况 例如 1 <div id="testdiv"> 2 <ul></ul> 3 </div> 需要给<ul>里面动态添加的

jQuery 1.7以后 jQuery2 新元素绑定事件on替代live

最近做了一个类别动态加载的功能,jQuery版本用的是2.02. 绑定事件jQuery1.7之前用的是live或者是bind.新版的jQuery新增了on方法 由于子类别是动态加载的,默认是不会有事件加载的,要给他绑定一个change事件才能获取他的子类别. 然后定义一个handler,给on方法里面传值,上代码 //定义一个类别改变的事件hander function classChangeHander() { var thisinput = $(this); thisinput.parent

JQuery中动态生成元素的绑定事件(坑死宝宝了)

今天在做项目的时候,遇到了一个前端的问题,坑了我好长时间没有解决,今天就记录于此,也分享给大家. 问题是这样的,首先看看我的界面,有一个初始印象: 下面是操作列所对应的JS代码: { "data": function (datas) { return "<a data-url='/Device/Edit?id=" + datas.Id + "' data-toggle='modal' class='btn btn-sm btn-default btn