`

jQuery.fn.extend(object)合并相同单元列

    博客分类:
  • js
阅读更多
jQuery中$.fn的用法示例介绍

https://www.cnblogs.com/hellman/p/4349777.html


合并相同单元列

$(function() {
$("#container").width($(window).width()-120);
$.fn.extend({
      //表格合并单元格,colIdx要合并的列序号,从0开始
      "rowspan": function (colIdx) {
          return this.each(function () {
              var that;
              $('tr', this).each(function (row) {
                  $('td:eq(' + colIdx + ')', this).each(function (col) {
                      if (that != null && $(this).html() == $(that).html()) {
                          rowspan = $(that).attr("rowSpan");
                          if (rowspan == undefined) {
                              $(that).attr("rowSpan", 1);
                              rowspan = $(that).attr("rowSpan");
                          }
                          rowspan = Number(rowspan) + 1;
                          $(that).attr("rowSpan", rowspan);
                          $(this).hide();
                      } else {
                          that = this;
                      }
                  });
              });
          });
      }
  });
$("#package_list").rowspan(0);
$("#package_list").rowspan(1);
$("#package_list").rowspan(2);
$("#package_list").rowspan(9);
$("#package_list").rowspan(10);
$("#package_list").rowspan(11);
$("#package_list").rowspan(12);
$("#package_list").rowspan(13);
$("#package_list").rowspan(15);

function reload() {
window.location.reload();
}
setInterval(reload, 1000 * 60 * 5)
})
0
0
分享到:
评论

相关推荐

    浅谈jquery.fn.extend与jquery.extend区别

    jquery.fn.extend(object);给jQuery对象添加方法。 $.extend({  add:function(a,b){return a+b;} }); //$.add(3,4); //return 7 jQuery添加一个为 add的“静态方法”,之后便可以在引入 jQuery 的地方,使用这...

    开发插件的两个方法jquery.fn.extend与jquery.extend

    jQuery为开发插件提拱了两个方法,分别是: JavaScript代码 代码如下: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object)...

    jquery.json-2.3.min.js和jquery.json-2.3.js

    jquery.json-2.3.min.js和jquery.json-2.3.js jQuery为开发插件提拱了两个方法,分别是:jQuery.extend(object); 为扩展jQuery类本身 jQuery.fn.extend(object);给jQuery对象添加方法。

    Jquery实现$.fn.extend和$.extend函数_.docx

    在JavaScript中,jQuery库提供了两种扩展对象的方法,即`$.fn.extend`和`$.extend`。它们都用于增加或修改现有对象的功能,但应用场景不同。本文将深入解析这两种方法的实现原理和用途。 首先,`$.fn.extend`是用于...

    jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析

    在jQuery库中,`jQuery.extend()` 和 `jQuery.fn.extend()` 是两种非常重要的方法,它们用于扩展和合并对象的属性。这两个方法在开发自定义插件或进行jQuery对象的定制时非常常见。 `jQuery.extend()` 用于合并一个...

    jquery的extend和fn.extend的使用说明

    jQuery为开发插件提拱了两个方法,分别是: 代码如下: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象...

    jQuery中$.fn的用法示例介绍

    $.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。... jQuery.fn.extend(object);给jQuery对象添加方法。 fn是什么东西呢。查看jQuery代码,就不难发现。 代码如下: jQuery.fn =

    Jquery实现$.fn.extend和$.extend函数

    在jQuery库中,`$.fn.extend` 和 `$.extend` 是两个非常重要的功能,它们用于扩展jQuery的功能和对象。这两个函数虽然名字相似,但作用却截然不同。 首先,`$.fn.extend` 是用于扩展jQuery选择器对象的方法。当你...

    jquery $.fn $.fx是什么意思有什么用

    $.fn是指jquery的命名空间,加上fn上的方法及属性,会... jquery的extend和fn.extend jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQu

    jQuery 参考手册 速查表

    jQuery 3.1 参考手册 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc])1.8* jQuery(callback) ...jQuery.fn.extend(object) jQuery.extend(object) 多库共存 jQuery.noConflict([ex])

    jquery 插件开发方法小结

    jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法。 ...

    jquery插件开发方法(初学者)

    jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法。 ...

    jQuery 1.9.1源码分析系列(十四)之常用jQuery工具

    在数组操作方面,jQuery.extend()和jQuery.fn.extend()函数用于合并对象,jQuery.grep()用于根据过滤函数来过滤数组元素,jQuery.inArray()用于在数组中搜索元素并返回其索引。此外,jQuery.isArray()可以判断参数...

    jQuery $.extend()用法总结

    jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法。这...

    JQuery 1.4.1 API Reference 速查手册.chm

    jQuery.fn.extend(object) jQuery.extend(object) 多库共存 jQuery.noConflict([ex]) 属性 属性 attr(name) attr(properties) attr(key, value) attr(key, fn) removeAttr(name) CSS 类 addClass(class | fn...

    web中常用api

    jQuery.fn.extend(object) jQuery.extend(object) 多库共存 jQuery.noConflict([ex]) HTML 5 标准属性 Previous Page Next Page HTML 标签拥有属性。您可以在每个标签的参考页中找到相应的特殊属性。这里列出的...

    RIA应用开发:8-jQuery插件概述.ppt

    - **`jQuery.fn.extend()`**:用于扩展封装对象方法的插件,同样接收一个Object对象,为jQuery对象添加新方法。 ### 示例 - **封装全局函数**: - 直接赋值方式:`jQuery.myFunction = function() {...}` - 使用...

    jQuery插件开发的两种方法及$.fn.extend的详解

    接下来将详细讲解jQuery插件开发的两种方法以及$.fn.extend的用法。 ### jQuery插件开发的两种方法 #### 1. 类级别方法 类级别插件开发是指对jQuery对象本身进行扩展,这样做可以为jQuery增加新的静态方法。在类...

    jQuery中extend()和fn.extend()方法详解

    jQuery中的`extend()`和`fn.extend()`方法是用于合并对象属性和方法的工具,它们在扩展和定制jQuery功能时起着关键作用。 首先,`jQuery.extend()`方法允许开发者将一个或多个对象的属性和方法合并到一个现有对象上...

    实例详解jQuery的无new构建

    因为`jQuery.fn`可以直接在`.fn`之后添加方法,如`jQuery.fn.extend()`,而`jQuery.prototype`通常用于定义实例方法。 总结一下,jQuery的无`new`构建机制是通过以下步骤实现的: 1. `jQuery`函数实际上是一个构造...

Global site tag (gtag.js) - Google Analytics