黑马程序员技术交流社区

标题: 【石家庄校区】JQeury的文档处理 [打印本页]

---

作者: 黑五LEEZ    时间: 2017-11-19 16:43
标题: 【石家庄校区】JQeury的文档处理


文档处理
        内部插入
                append(content|fn)                        返回值:jQuery
                        向每个匹配的元素内部追加内容。(**若添加的元素已存在,相当于执行移动,并不会新建并追加**)
                        这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。
                appendTo(content)                        返回值:jQuery
                        把所有匹配的元素追加到另一个指定的元素元素集合中。(**若添加的元素已存在,相当于执行移动,并不会新建并追加**)
                        实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。
                prepend(content|fn)                        返回值:jQuery
                        向每个匹配的元素内部前置内容。(**若添加的元素已存在,相当于执行移动,并不会新建并追加**)
                        这是向所有匹配元素内部的开始处插入内容的最佳方式。

                prependTo(content)                        返回值:jQuery
                        把所有匹配的元素前置到另一个、指定的元素元素集合中。(**若添加的元素已存在,相当于执行移动,并不会新建并追加**)
                        实际上，使用这个方法是颠倒了常规的$(A).prepend(B)的操作，即不是把B前置到A中，而是把A前置到B中。        
        外部插入        
                after(content|fn)                        返回值:jQuery
                                在每个匹配的元素之后插入内容。
                        $("p").after("<b>Hello</b>");        
                <p>I would like to say: </p><b>Hello</b>
                        
                before(content|fn)                        返回值:jQuery
                        在每个匹配的元素之前插入内容。
                        $("p").before("<b>Hello</b>");                        
                     <b>Hello</b><p>I would like to say: </p>
        替换        
                replaceWith(content|fn)                返回值:jQuery
                        将所有匹配的元素替换成指定的HTML或DOM元素。****移动到目标位置来替换，而不是复制一份来替换。
                replaceAll(selector)                返回值:jQuery
                        用匹配的元素替换掉所有 selector匹配到的元素
                                selector         用于查找所要被替换的元素
        删除        
                empty()                                                返回值:jQuery
                        删除匹配的元素集合中所有的子节点。
                remove([expr])                                返回值:jQuery
                        从DOM中删除所有匹配的元素。
                        这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。
                        但除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。
                detach([expr])                                返回值:jQuery
                        从DOM中删除所有匹配的元素。
                        这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。
                        与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。

        复制
                clone([Even[,deepEven]])        返回值:jQuery        
                        克隆匹配的DOM元素并且选中这些克隆的副本。
                        <b>Hello</b><p>, how are you?</p>
                        
                        $("b").clone().prependTo("p");
                        
                        <b>Hello</b><p><b>Hello</b>, how are you?</p>
                        
                        *布尔值（true 或者 false）指示事件处理函数是否会被复制。
                        
                        创建一个按钮，他可以复制自己，并且他的副本也有同样功能。        
                        $("button").click(function(){
                                $(this).clone(true).insertAfter(this);
                        });

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2