jquery Manipulation

[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
阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页