`
tangxininjava
  • 浏览: 96660 次
  • 性别: Icon_minigender_1
  • 来自: 遂宁
社区版块
存档分类
最新评论

jquery克隆方法应用

 
阅读更多
<script type="text/javascript">

			var psgCloneX;
			var psgCloneY;
		    //请注意:除了像以下需要c标签辅助的逻辑才在jsp中写,其他任何逻辑控制请在js中写保持页面清爽
			$(document).ready(function() 
				{
		 psgCloneX = $("#psgX1").clone();
				}
			);

//添加乘机人
   function xxss(){
    var size = $("tr[id^='psgX']").size();
    var addIndex = (size+1);
    //psgCloneX 初始化克隆的对象不能一直使用  同一个引用会改变克隆的id
    //所以这里新创建一个psgCloneX
    var newPsgCloneX = $("<tr>").append(psgCloneX.html()).attr("id","psgX"+addIndex);
    newPsgCloneX.insertAfter("#psgX"+size);
   }
  </script>

 

分享到:
评论

相关推荐

    关于jquery克隆,给元素赋值详解

    总结起来,jQuery提供了一系列便捷的方法来处理元素克隆和赋值。结合使用AJAX,我们可以实现实时更新动态内容,提升用户体验。在实际项目开发中,熟练掌握这些技术对于构建交互性强、响应迅速的网页应用至关重要。

    jquery ui拖拽 克隆

    在本教程中,我们将深入探讨如何使用jQuery UI实现拖拽(dragging)和克隆(cloning)功能,尤其是如何在拖拽过程中实现元素的复制。 首先,要使用jQuery UI的拖拽功能,你需要在你的HTML页面中引入jQuery库和...

    JQuery详解及应用实例(包含api文档)

    3. **DOM操作**:jQuery提供了一系列方法来操作DOM,如`append()`用于在元素内部添加内容,`remove()`删除元素,`clone()`克隆元素。 4. **事件处理**:jQuery的事件绑定使用`.on()`方法,例如`$("#button").on(...

    jQuery方法大全

    jQuery 是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互。本篇文章将深入探讨jQuery方法,特别是涉及到DOM...通过熟练掌握这些方法,开发者可以更便捷地构建交互式的Web应用。

    jQuery的使用方法例子

    jQuery,作为一个广泛应用于Web开发的JavaScript库,极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。它的语法简洁、易读,使得开发者能够更高效地编写跨浏览器的JavaScript代码。本教程将深入探讨...

    jquery中文版离线手册

    2. **DOM操作**:jQuery提供了便捷的方法来创建、插入、删除DOM元素,如`append()`在元素内部追加内容,`remove()`移除元素,`clone()`克隆元素。 3. **事件处理**:jQuery统一了跨浏览器的事件处理,`click...

    jQuery实现动态给table赋值的方法示例

    然后,我们使用jQuery的`find()`方法找到新行中的每个单元格(id分别为"id"、"url"和"title"),并使用`text()`方法将JSON对象的相应属性值赋给它们。最后,我们使用`appendTo()`方法将新创建的行添加到表格的tbody...

    网页版jqueryAPI

    2. **DOM操作**: jQuery 提供了简洁的方法来操作DOM元素,如 `.append()` 在元素内部追加内容,`.prepend()` 在元素内部前置内容,`.remove()` 删除元素,`.clone()` 克隆元素等。 3. **事件处理**: jQuery 的事件...

    JQuery的pdf电子书

    同时,jQuery提供了便利的遍历方法,使得对选定元素的进一步操作变得简单易行。 **步骤三:DOM操作** 在这一部分,你将学习如何使用jQuery创建、删除、修改DOM元素。这包括添加和移除元素,改变元素的内容和属性,...

    jQuery开发.NET富客户端应用

    04.jQuery方法1 05.jQuery方法2 06.jQuery选择器(基础)至选择器(表单) 07.选择器(表单)至属性(CSS类) 08.属性(CSS类)至属性(值) 09.属性(值)至过滤(filter) 10.过滤(filter)至查找(offsetParent) 11.查找...

    HTML5CloneSample:通过 JavaScript 和 jQuery 克隆简单示例

    在jQuery中,我们可以使用`$`函数选择元素,`.clone()`方法克隆元素,`.append()`或`.before()`等方法插入克隆的元素。jQuery的`.clone()`方法同样支持深复制和浅复制,可以通过传递一个布尔值作为参数来指定复制...

    JQuery拖拽使用文档

    在实现拖拽效果时,我们需要引入 jQuery UI 的相关库,包括 `jquery.ui.core`, `jquery.ui.widget`, `jquery.ui.mouse`, `jquery.ui.draggable` 和 `jquery.ui.droppable`。 `jquery.ui.draggable` 是实现拖动行为...

    jquery方法

    **jQuery方法概述** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。由于其简洁的语法和丰富的功能,...在实际项目中灵活应用这些方法,能让你的代码更加简洁高效。

    JQuery中clone方法复制节点

    在本知识点中,我们将详细介绍JQuery中clone方法复制节点的使用方法,重点讲解浅克隆与深克隆的区别,并通过实例来加深理解。 首先,clone方法的基本语法如下: ```javascript $(selector).clone([deepCopy]); ```...

    JQuery方法事件大全

    ### JQuery方法事件大全详解 #### 一、Attribute(属性操作) **1.1 `addClass`** - **功能**: 给指定元素添加一个或多个类名(用于样式)。 - **语法**: `$("p").addClass(css中定义的样式类型);` - **示例**: ...

    jquery 各版本 API

    - **新版本**: 增加了 `.detach()` 方法,可以移除元素而不丢失绑定的事件,以及 `.clone()` 方法的 `withDataAndEvents` 参数,用于克隆元素及其事件。 #### 事件处理 - **老版本**: `.bind()`, `.live()`, `....

    jQuery文档处理.

    jQuery是一款广泛应用于Web开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本篇文章将深入探讨jQuery在文档处理方面的核心功能和实用技巧。 一、选择器(Selectors) ...

    jQuery-1.10.2(+jQueyUI+中文API帮助文档)

    jQuery 1.10.2的中文API文档详尽地解释了库中的各个函数、方法、选择器和事件,帮助开发者快速理解和应用这些功能。通过阅读这些文档,开发者能够更好地掌握jQuery的用法,提高开发效率。 **jQuery 主要特性** 1. ...

    jquery-API.pdf

    - **功能描述**:创建一个 jQuery 对象的克隆副本。 - **参数说明**: - `jQuery obj`:源 jQuery 对象。 - **应用场景**: - 创建一个新 jQuery 对象,包含与原对象相同的元素集合。 - 示例:`var div = $("div...

Global site tag (gtag.js) - Google Analytics