jquery Manipulation

jQuery DOM 操作详解
本文详细介绍了使用 jQuery 进行 DOM 操作的方法,包括插入、替换、删除和复制等核心功能。通过具体示例解释了 append、prepend、after、before 和 wrap 等函数的区别与用法。
[url]http://docs.jquery.com/Manipulation[/url]
看过之后,发现Manipulation主要是说的是如何运用jquery方便的对dom中的元素做插入、替换、删除、copy等操作。 这些也算是dom操作中常常会用上的,比较实用。

[b]insert[/b]
分insertinside、insertoutside、insertAround(wrap),
感觉这里的insert应该理解成位移插入比较合适,有点像cut&paste。
为了便于理解insertinside和insertoutside,举个例子, <p>a </p> b 在a位置上插入就是insertinside,而b位置就是insertoutside

insertinside包括
append
appendTo
prepend
prependTo
谈谈区别,append是追加到后面, 而prepend是往前面追加的;
appendTo和prependTo只是转换了一个主动和被动关系
$("a").appendTo($('b')), a被追加到了b的后面,其实就等价于$("b").append($('a'))

而insertoutside包括
after
insertAfter
before
insertBefore
跟上面的很类似,$("a").insertAfter($('b')),可以理解成$("b").after($('a'))

Inserting Around感觉有些像是装潢, 而wrap的字义更是包含装潢的意思。
wrap
$("p").wrap("<div></div>");
就是将每个符合规则的p, 装潢到div中
wrapAll
对于上面这个例子,wrapAll是将所有的p都装潢到div中
wrapInner
对于上面例子, 是将p的child对象装潢到div中

[b]replacing[/b]
replaceWith( content ) Returns: jQuery
用于将满足规则的对象替换成指定的content, 例如:
$("p").replaceWith("<b>"+$(p).text()+"</b>");
replaceAll( selector ) Returns: jQuery
将selector替换成满足规则的对象,例如
$("<b>Paragraph. </b>").replaceAll("p"); p被替换成了b

[b]Removing[/b]
empty( ) Returns: jQuery
从符合规则的对象中删除它们的子对象
remove( expr ) Returns: jQuery
删除所有符合规则的对象

[b]Copying:[/b]
clone( ) Returns: jQuery
复制符合规则的对象,并且返回clone的
clone( true ) Returns: jQuery
跟上面的方法类似,是一个重载方法, true表示也一同复制对象的event handlers
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值