jquery克隆

原创 2012年03月26日 22:03:15
 

克隆节点:

$("#ld").clone().appendTo("#user");

克隆id等于ld的元素克隆并追加到iduser的元素中

$("#ld").clone().insertAfter("#abm");

克隆id等于ld的元素克隆并追加到idabm的元素之后

包裹元素

$("ul").wrp("<div></div>") uldiv进行包裹

$("ul").wrap($("#aaa")) ul用指定的div进行包裹(但是并不是原来的div进行包裹,而是在ul位置重新创建一个div)

属性attr

$("#id" ).attr('class') 根据id值获取元素的class

$('li') .attr('id') 取得第一个匹配元素的id属性值 (只获取第一个)

$("#id").attr("class","content") ; 设置divclass属性是content"

$("#id").removeAttr("class") 根据id属性 移除divclass属性

Css样式操作

assClass 为每个匹配的元素添加指定的类名

$("#id").assClass('样式名') id=id的元素添加样式(可先写好css,然后再直接赋予其class属性值)

removeClass(class)从所有匹配的元素中删除全部或者指定的类。

$(".one").removeClass("one") 移除divclass属性,使其不能获取css

toggleClass(class) 如果存在(不存在)就删除(添加)一个类。

$("tr:even").toggleClass("two");表格隔行变色效果(根据tr获取索引为偶数的行,如果不存在class="two"属性就添加,如果存在class="two"属性就删除)(如果有原来的class属性,添加时会覆盖,删除后又会重新使用原来的属性)

toggleClass( class, switch ) 如果开关switch参数为true则加上对应的class,否则就删除。

事件:

.click -----点击事件

.focus ---获取光标

.blur ---失去光标

.dblclick ---双击事件

this.defaultValue------获取默认值

jQuery -> 克隆DOM元素

jQuery总clone的用法,顺便讲解了end的用法
  • FeeLang
  • FeeLang
  • 2014年05月22日 12:04
  • 11233

jQuery 文档操作 - clone() 方法

clone( [withDataAndEvents ] ):创建一组匹配元素的深层副本 withDataAndEvents :一个布尔值,指示是否应复制克隆元素的所有子代的事件处理程序和数据。默认情...
  • qq_35864642
  • qq_35864642
  • 2017年09月12日 10:44
  • 194

【jQuery学习笔记---------DOM操作复制元素】

DOM操作复制元素 jQuery定义了clone()方法用来复制节点,与之对应DOM定义了cloneNode()方法实现相同的操作功能。 jQuery实现 jQuery的clone方法能够复制匹...
  • pigpigpig4587
  • pigpigpig4587
  • 2014年04月18日 16:45
  • 1304

【jQuery】使用jQuery的clone()方法来克隆元素时,如何保持id的唯一性

大家都知道,同一个HTML页面中,不宜出现1个以上相同名称的id。但有时候需要使用jQuery框架的clone()来复制相同内容(附带样式),假如是使用了id号的获取方式,即$(‘#***’) 那么复...
  • LZGS_4
  • LZGS_4
  • 2015年01月27日 23:26
  • 8030

js克隆对象、数组的常用方法【clone】

Ext的两种克隆的方法: 可以克隆对象、数据等:var newJson = Ext.clone(json); 只能克隆数组:var newJson = Ext.Array.clone(json);  ...
  • jcx5083761
  • jcx5083761
  • 2013年09月25日 11:55
  • 32224

jquery克隆

克隆节点: $("#ld").clone().appendTo("#user"); 克隆id等于ld的元素克隆并追加到id为user的元素中 $("#ld").clone().insertAft...
  • w19911111
  • w19911111
  • 2012年03月26日 22:03
  • 1963

jQuery详细教程

  • 2013年04月25日 14:16
  • 92KB
  • 下载

jQuery 克隆对象的简单示例

简单例子  代码如下 复制代码 // 浅层复制(只复制顶层的非 object 元素)  var newObject = jQuery.extend({}, oldOb...
  • luyaran
  • luyaran
  • 2016年11月14日 16:02
  • 2243

jquery 克隆clone()使用实例

WEB项目中脚本的位置是十分重要的,尤其在用户体验方面。  开发过程中可能需要动态创建hmtl控件,如使用提交服务器方法来实现实在是体验差,当前页面数据保存也是个麻烦事,jquery提供了clone(...
  • zinger198208
  • zinger198208
  • 2012年11月05日 17:11
  • 1783

节点克隆

对于克隆节点最长用的方法有两种,一、原生JavaScript。 二、使用流行类库。这篇文章里我会说下使用原生Javascript方法和jQuery方法克隆节点。以及,两者的异同点。好了,废话也不多说了...
  • u014695532
  • u014695532
  • 2016年08月08日 17:20
  • 698
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery克隆
举报原因:
原因补充:

(最多只允许输入30个字)