`
izuoyan
  • 浏览: 9223324 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

用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)中checkbox等相关事件操作(动态添加行+隔行换色等相关)(jquery)

    $("table tbody tr td input[type='checkbox']").on("click", function() { if ($(this).is(":checked")) { $(this).closest("tr").css("background-color", "yellow"); } else { $(this).closest("tr").css(...

    table 绑定数据 jquery 分页

    ### 一、Table绑定数据与JQuery分页的基本概念 #### 1.1 Table绑定数据 在Web开发中,`Table`是一种常见的用于展示数据的方式。对于动态生成的数据表格,我们通常需要将后台查询到的数据与前端的表格进行绑定,以便...

    jquery遍历table的tr获取td的值实现方法

    知识点三:jQuery遍历表格tr获取td值的方法一 在方法一中,首先使用jQuery选择器`$("#history_income_list").children("tr")`选取了id为`history_income_list`的`<tbody>`元素下所有的`<tr>`元素,并将它们存入`...

    jQuery实现动态更改table表格数据

    一个基本的表格由`<table>`元素开始,包含若干个`<tr>`(行)元素,每个行内又包含若干`<td>`(单元格)或`<th>`(表头)元素。动态编辑表格的关键在于监听用户交互,如点击事件,然后更新相应的表格数据。 1. **...

    用JQuery实现table按列分组(简单常用

    基于列索引的方法是根据表格(`<table>`)中每一行(`<tr>`)的特定列(`<td>`)的索引进行分组。首先,我们需要获取到表格的所有行,然后对每一行的指定列进行检查。例如,如果我们想根据第二列(索引为1,因为...

    jQuery实现Table分页跳转

    5. **事件绑定**:监听分页元素的点击事件,根据用户的选择更新Table内容。 三、高级特性 1. **自定义样式**:分页插件通常允许自定义样式,你可以根据项目需求定制分页的外观。 2. **缓存与懒加载**:对于大数据...

    jQuery Table表格排序显示代码.zip

    2. **表格(Table)操作**:在HTML中,表格由`<table>`、`<tr>`(行)、`<td>`(单元格)等元素构成。jQuery可以方便地选择、添加、删除或修改这些元素。例如,`$('table tr').sort(function(a, b){...})`可以对表格...

    JQuery 自定义 Table

    - 使用事件委托提高性能,如`$("table").on("click", "tr", function() {...})`,而非直接绑定到每个行元素。 - 对大数据量表格,考虑分页加载或虚拟滚动,避免一次性加载所有数据导致页面卡顿。 10. **无障碍性*...

    利用jquery给指定的table动态添加一行、删除一行的方法

    这篇文章主要介绍了如何使用jQuery在指定的HTML表格(table)中动态地添加和删除行。...记住,确保在添加或删除行后,相关的表单元素(如复选框和输入框)保持正确的绑定和事件处理,以保持页面的完整性和功能性。

    jQuery+ajax实现动态添加表格tr td功能示例

    在本文中,我们将深入探讨如何使用jQuery和Ajax技术来实现动态添加表格的`<tr>`和`<td>`功能。这个功能通常用于网页上的数据展示,特别是在用户交互时需要实时更新表格内容的情况,例如筛选、搜索或加载更多数据。 ...

    JQuery table改变列的宽度

    一个表格由`<table>`元素开始,包含若干行`<tr>`(table row),每一行又包含若干个单元格`<td>`(table data cell)或表头单元格`<th>`(table header cell)。在jQuery中,我们可以利用选择器精确地定位到我们需要...

    基于Jquery的前台按表头排序table tr th

    本教程将详细讲解如何使用Jquery库实现前端表格(table)按表头(th)进行排序。Jquery是一个强大的JavaScript库,它简化了DOM操作、事件处理以及动画效果,非常适合用于此类交互功能的实现。 首先,我们需要理解...

    jquery table 添加、删除行、列

    一个基本的表格由`<table>`元素开始,包含若干`<tr>`(表格行)元素,每一行内又有若干`<td>`(表格数据单元格)或`<th>`(表头单元格)元素。现在我们来看如何用jQuery来操作这些元素。 ### 添加行 添加行通常涉及...

    JQuery 动态生成DIV、Table并处理数据

    - **创建表格**:可以动态创建`<table>`, `<tr>`, `<td>`等元素,并组合成完整的表格。 - **填充数据**:通过遍历数据集,可以动态生成表格行和单元格,将数据填入表格。例如: ```javascript var data = [['...

    jquery实现table内数据排序,点击即可

    在JavaScript中,我们可以使用`jQuery`的`click`方法来绑定事件处理函数。`sortTable`函数可以接收一个参数,表示要排序的列的索引。在该函数内部,我们可以通过`jQuery`选择器获取到`<tbody>`中的所有行`<tr>`,...

    jQuery实现为table表格动态添加或删除tr功能示例

    在本文中,我们将深入探讨如何使用jQuery实现为table表格动态添加或删除tr的功能。这个功能在Web开发中非常常见,特别是在数据展示和编辑场景下,如订单管理、报表展示等。以下是一个详细的步骤和实例解析: 首先,...

    用jQuery获取table中行id和td值的实现代码

    // 用jQuery获取table中td值 $("#mytable td").click(function(){ alert("table td值:" + $(this).text()); });// 用jQuery获取table中点击位置所在行的id $("#mytable td").click(function(){ // 获取td的id...

    jQuery实现动态添加tr到table的方法

    9. **避免事件绑定多次**:注意,原本的代码中有一段注释掉的代码,它尝试在每次添加新行时都给所有`<a>`标签添加点击事件,但这会导致事件重复绑定。因此,这个操作应该在表格创建之初或者页面加载后一次性完成,而...

    jquery做的table行上下移动,互换

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及动画效果。...通过绑定事件处理器,我们可以轻松地实现行的动态互换,而无需刷新整个页面,从而提供了更流畅的用户体验。

    Jquery对于Table的操作一些源码

    `$('table tr').each(function() {...})`可以遍历所有表格行,而`$('td', this).each(function() {...})`可以在每个行内部遍历单元格。在循环体中,`this`代表当前行或单元格。 三、插入和删除表格元素 1. 插入元素...

Global site tag (gtag.js) - Google Analytics