jQuery文档处理
2016-07-09 12:21:42 0 举报AI智能生成
jQuery是一个快速、简洁的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互等操作。通过使用jQuery，开发者可以更轻松地编写可维护、高性能的代码。jQuery提供了丰富的API，如选择器、DOM操作、事件处理、动画效果等，这些API都经过了精心设计和优化，使得开发者可以快速实现各种复杂的功能。此外，jQuery还支持链式调用，可以极大地提高代码的可读性和简洁性。总之，jQuery是一个强大且易用的JavaScript库，对于Web开发来说，它是必不可少的工具之一。
作者其他创作
大纲/内容
内部插入
append(content)向每个匹配的元素内部追加内容。
把所有匹配的元素追加到另一个指定的元素元素集合中
$(a).appendTo(b); -->备注：不是a追加到b之后，而是b追加到a之后
向每个匹配的元素内部前置内容。
$("p").prepend( $(".foo"));
把所有匹配的元素前置到另一个、指定的元素元素集合中。
把所有段落追加到ID值为foo的元素中。
之前：
I would like to say:
jQuery：$("p").prependTo("#foo");
之后：
I would like to say:
外部插入
在每个匹配的元素之后插入内容。after
$("p").after("Hello");
插入之前：
I would like to say:
插入之后：
I would like to say:
Hello 在每个匹配的元素之前插入内容。
$("p").before("Hello");
把所有匹配的元素插入到另一个、指定的元素元素集合的后面。
$("p").insertAfter("#foo");
之前：
I would like to say:
Hello
之后：
Hello
I would like to say:
把所有匹配的元素插入到另一个、指定的元素元素集合的前面。
$("p").insertBefore("#foo");
元素包裹
把所有匹配的元素用其他元素的结构化标记包裹起来。
$("p").wrap("");
之前：
hello
hello
之后：
hello>
hello>
将所有匹配的元素用单个元素包裹起来
$("p").wrapAll("");
之前：
hello
hello
之后：
hello>
hello>
将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来
$("p").wrapInner("");
之前：
hello
hello
之后：
hello
hello
替换
将所有匹配的元素替换成指定的HTML或DOM元素。
$("p").replaceWith("hello");
之前：
hello
之后：hello
匹配的元素替换掉所有 selector匹配到的元素
$("Paragraph. ").replaceAll("p");
之前：
Hello
cruel
World
之后：Paragraph. Paragraph. Paragraph.
删除
删除匹配的元素集合中所有的子节点
$("p").empty();
之前：
Hello, Person and person
之后：
remove：从DOM中删除所有匹配的元素。
从DOM中把所有段落删除：$("p").remove();
之前：
Hello
how areyou?
之后：how are
备注：这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除
detach：从DOM中删除所有匹配的元素
备注：这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。
克隆
clone：克隆匹配的DOM元素并且选中这些克隆的副本
$("b").clone().prependTo("p");--克隆b元素，然后在将它放入p元素之前
之前：Hello
, how are you?
之后：Hello
Hello, how are you?
clone(true)元素以及其所有的事件处理并且选中这些克隆的副本
$("button").click(function(){
$(this).clone(true).insertAfter(this);
});
0 条评论
下一页
