`
nivcheral
  • 浏览: 71114 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

用jQuery实现Clone

    博客分类：
  • ajax
jQueryJavaScriptAptanaHTML框架 
阅读更多

      最近无意中对jquery产生兴致，感觉到jquery挺好用的，不但学习曲线比较低而且接近javascript语法，今天我们来写一个克隆的东西。呵呵我们从第一步开始。打开Aptana file--->new project --->web project把jquery框架加上。然后new 一个html文件代码如下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Untitled Document</title>
    </head>
    <script type="text/javascript" src="lib/jquery/jquery.js">
    </script>
        <script language=javascript>
        
        $(function(){
            
                 $("b:eq(0)").click(function(){
            
                $(this).clone(true).appendTo($("p:eq(1)"));//true为深拷贝
               
                
            });
        });
      
    </script>
    <body>
        <p>
            <b>clone</b>
        </p>
        <p>
            <b>here</b>
        </p>
        <a>three</a>
        <a>four</a>
            </body>
</html>

 

5
顶
2
踩
分享到：
| 用JQuery制作过滤
评论
1 楼 wavesun 2010-03-30  
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery.clone.js

    jquery.clone

    jquery-clone-tableheader table 头部固定

    在实现这个功能时，首先需要引入jQuery库，这里使用的是"jquery-1.3.2.min.js"，它是jQuery的一个早期版本，虽然较旧，但在许多项目中仍然广泛使用。接着，需要引入"CloneTableHeader.js"，这是实现头部固定的...

    JQuery实现的类似购物商城的购物车

    JQuery Clone 模板来实现商品信息的展示，展现形式可以通过修改模板中的td来确定每一行显示多少个商品信息商品信息使用JSON数据来模拟 同一个产品点击多次，不会重复添加，而是在已有的基础上数量+1， 商品数量...

    jquery实现拖拽

    本文将深入探讨如何使用jQuery实现拖拽功能，适用于表格和控件，以提供良好的用户体验。 首先，我们需要了解jQuery的核心概念。jQuery通过链式调用、选择器、事件处理和高效的操作DOM元素等特性，使JavaScript编程...

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

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

    jquery的clone方法应用于textarea和select的bug修复

    在使用jQuery处理网页元素的复制时，开发者会经常使用其提供的clone()方法。此方法能够快速地复制一个或多个元素，连同其事件处理器以及子元素。然而，clone()方法在处理某些特定类型的HTML元素时会遇到一些问题，...

    使用Jquery实现table中行的复制.zip

    本教程将深入探讨如何使用jQuery实现表格（table）中行的复制功能。这个功能在很多场合都非常实用，例如在数据录入或者表格编辑场景中，用户可能需要快速创建新的相似行。 首先，我们需要理解HTML表格的基本结构。...

    jquery实现点击图片放大

    本篇文章将深入探讨如何使用jQuery实现点击图片放大，并探讨几种带有特效的放大方法。 首先，我们需要理解jQuery的基本用法。jQuery通过选择器来选取DOM元素，然后对这些元素进行操作。例如，我们可以使用`$("#...

    jquery实现输入框点击出现下拉列表树插件代码

    本示例中的"jquery实现输入框点击出现下拉列表树插件代码"是一个利用jQuery创建的功能，当用户点击输入框时，会弹出一个下拉的树形列表供用户选择。这个功能常见于各种表单输入，如搜索建议、层级结构的选择等，提高...

    jquery实现115网盘首页.zip

    《jQuery实现115网盘首页的技术解析》 在当今互联网世界中，前端技术日新月异，jQuery作为一款高效、轻量级的JavaScript库，因其简洁的API接口和强大的功能，深受开发者喜爱。本项目“jQuery实现115网盘首页”便是...

    JQuery实现的GridView行拖拽例子

    总结来说，使用jQuery实现GridView行拖拽功能涉及前端的jQuery和jQuery UI库的使用，以及后端的数据源更新逻辑。这种功能对于那些需要用户自定义顺序的列表或表格非常有用，比如任务管理器或日程表应用。通过熟练...

    jQuery中clone()函数实现表单中增加和减少输入项

    本文将深入讲解如何使用`clone()`函数来实现这个功能。 首先，`clone()`函数的基本语法是 `$(selector).clone([withDataAndEvents], [deepWithDataAndEvents])`。这里的参数`withDataAndEvents`和`...

    jquery实现图片滚动

    ### 使用jQuery实现图片滚动 #### 一、项目背景与需求分析 在网页设计与开发过程中，为了提升用户体验和页面美观度，常常会用到图片滚动功能。本案例中，一个初学者希望使用jQuery来实现一个简单的图片滚动效果，...

    jQuery中clone()方法用法实例

    jQuery中的clone()方法是一个非常实用的工具，它能够帮助开发者复制DOM元素及其绑定的事件处理器，以便在页面上实现动态内容的增加或替换。本文档详细介绍了clone()方法的用法，包括它的定义、功能以及如何运用它来...

    巧妙使用JQuery Clone 添加多行数据，并更新到数据库的实现代码

    本文介绍了如何通过使用JQuery的Clone方法来巧妙添加多行数据，并将这些数据更新到数据库中。首先，我们看到的是一个前端页面的HTML代码，这个页面包含了动态添加数据行的功能。接下来，我们深入探讨JQuery的Clone...

    关于jquery实现动态的增加删除条件拼串组合

    本文将深入探讨如何使用jQuery实现动态地增加和删除条件拼串组合，这是一个在开发过程中常见且实用的功能，尤其对于前端交互丰富的应用来说。 首先，我们需要了解jQuery的基本用法。jQuery通过选择器选取DOM元素，...

    web table + div + jquery 实现仿 excel 的冻结 首行 与 首列 完整Demo

    实用 table + div + Jquery 实现，没有实用IE特有的expression(), 所以 兼容性 很好。...核心思想： 用JQuery的clone 复制 出 4张表， 分别放于 4 个 div 中来实现 水平 垂直 滚动， 首行 首列 冻结效果。

    jQuery实现的响应式个性触屏幻灯片插件sampSlider源码.zip

    在这个名为“jQuery实现的响应式个性触屏幻灯片插件sampSlider源码.zip”的压缩包中，我们可以找到一个使用jQuery构建的响应式幻灯片插件的源代码。这个插件被设计为在触摸屏设备上运行，同时适应各种屏幕尺寸，为...

    jQuery实现表格列表拖动排序特效源码.zip

    此压缩包"jQuery实现表格列表拖动排序特效源码.zip"显然是一个包含示例代码的资源，用于演示如何利用jQuery来创建具有拖动排序功能的表格列表。下面将详细介绍这个知识点及其相关技术。 首先，jQuery中的拖放（Drag...

    jquery垂直向上逐条滚动新闻列表

    本项目"jquery垂直向上逐条滚动新闻列表"就是利用jQuery来实现一种动态效果，使新闻列表能以垂直向上的方式逐条滚动，提升用户的浏览体验。这种效果常见于新闻网站或信息展示页面，可以有效地展示大量的信息而不占据...

Magicbox
Global site tag (gtag.js) - Google Analytics