jQuery文档处理总结

1.返回值:append(content|fn)

    $("p").append("<b>Hello</b>");//在p里边添加一个b标签,后置在p里;就是这样:<p>I would like to say: <b>Hello</b></p>

2.appendTo(content)

    $("p").appendTo("div");//把p放到div里面;后置在div里

3.prepend(content)

    $("p").prepend("<b>Hello</b>");//在p里边添加一个b标签,前置在p里;就是这样:<p><b>Hello</b>I would like to say: </p>

4.prependTo(content)

    $("p").prependTo("div");//把p放到div里面;前置在div里

5.after(content|fn)

    $("p").after("<b>Hello</b>");//在p的后面添加b标签

6.before(content|fn)

    $("p").before("<b>Hello</b>");//在p的前面添加b标签

7.insertAfter(content)

    $("p").insertAfter("div");//把p添加到div的后面;

8.insertBefore(content)

    $("p").insertBefore("div");//把p添加到div的前面

9.wrap(html|element|fn)

    $("p").wrap("<div class='wrap'></div>");//用创建div把p包裹起来,p多了个div的父元素

10.unwrap()

    $("p").unwrap()//把p独立出来,把p的父元素删除

11.wrapAll(html|ele)

    $("p").wrapAll("<div></div>");//把p用div包裹起来,连在一起就一起包裹,没有在一起就一个个的包裹起来

12.wrapInner(htm|element|fnl)

    $("p").wrapInner("<b></b>");//把p里边的内容用b包裹起来;

13.replaceWith(content|fn)

    $("p").replaceWith("<b>Paragraph. </b>");//把b标签换成p标签,后边的换前边的

14.replaceAll(selector)

    $("<b>Paragraph. </b>").replaceAll("p");//把b标签换成p标签,前边的换后边的

15.empty()

    $("p").empty();//把p标签的子元素和文本节点删除,

16.remove([expr])

    $("p").remove();//把p元素删除包括子元素,包括事件和附加数据

17.detach([expr])

    $("p").detach();//把p元素删除包括子元素,不包括事件和附加数据

18.clone([Even[,deepEven]])

    $("b").clone().insertBefore("p");//复制一个b元素放到p的前面,
$("b").clone().appendTo("p");//复制一个b元素放到p的里面,后置在p里

这就讲完了 ,都是一堆方法,多看看多用用 就能够熟悉运用;

jquery中文档处理的总结的更多相关文章

  1. jQuery文档加载完毕的几种写法

    js中文档加载完毕.一般在body加一个onload事件或者window.onload = function () {} jQuery中有好多写法,平时也不注意,别人一问,还真觉得头大. 下面是我整理 ...

  2. JQuery文档加载完成执行js的几种方法

    js中文档加载完毕.一般在body加一个onload事件或者window.onload = function () {} jQuery中有好多写法,平时也不注意,别人一问,还真觉得头大. 下面是我整理 ...

  3. jQuery 核心 - noConflict() 方法,jQuery 文档操作 - detach() 方法

    原文地址:http://www.w3school.com.cn/jquery/manipulation_detach.asp   实例 使用 noConflict() 方法为 jQuery 变量规定新 ...

  4. jQuery - 中文輸入法與KeyDown/KeyPress事件

    最近專案中引用了Telerik ASP.NET擴充元件AutoComplete輸入欄位,測試時發現偶爾會不聽始喚,輸入文字時無法觸發資料查詢,在Javascript Source Code裡反覆追蹤測 ...

  5. jQuery 文档操作方法

    jQuery 文档操作方法 这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html(). 方法 描述 addClass() 向匹配的元素添加指定的类名. after() 在匹配的元素之 ...

  6. jQuery文档操作

    jQuery文档操作 1.jq文档结构 var $sup = $('.sup'); $sup.children(); // sup所有的子级们 $sup.parent(); // sup的父级(一个, ...

  7. jQuery文档操作方法对比和src写法

    jQuery文档操作方法对比 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...

  8. jQuery文档就绪事件

    [jQuery文档就绪事件] 为了防止文档在完全加载(就绪)之前运行 jQuery 代码.如果在文档没有完全加载之前就运行函数,操作可能失败. $(document).ready(function() ...

  9. jQuery 效果函数,jquery文档操作,jQuery属性操作方法,jQuerycss操作函数,jQuery参考手册-事件,jQuery选择器

    jQuery 效果函数 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选元素的所有排队函数( ...

随机推荐

  1. 《Java编程思想》读书笔记-赋值操作符

    在最底层,Java中的数据是通过使用操作符来操作的.接下来我们逐一认识一些操作符. 怎么运用操作符 操作符接受一个或多个参数,并生成一个新值. 基本操作符 赋值操作符 符号:= 作用:取右边的值,把它 ...

  2. POJ - 1681: Painter's Problem (开关问题-高斯消元)

    pro:开关问题,同上一题. 不过只要求输出最小的操作步数,无法完成输出“inf” sol:高斯消元的解对应的一组合法的最小操作步数. #include<bits/stdc++.h> #d ...

  3. JavaScript创建对象的方式

    一.工厂模式 工厂模式是软件工程领域一种广为人知的设计模式,这种模式抽象了创建具体对象的过程. 考虑到在 ECMAScript 中无法创建类,开发人员就发明了一种函数,用函数来封装以特定接口创建对象的 ...

  4. linux压缩、解压缩和归档工具

    linux基础之压缩.解压缩和归档工具 1.压缩工具 基本介绍 为了减少文件的原来的文件大小而过多的浪费磁盘的存储空间,我们使用压缩后多文件进行存储 压缩工具的介绍 compress:把文件压缩成以. ...

  5. 三大前端框架(react、vue、angular2+)父子组件通信总结

    公司业务需要,react.vue.angular都有接触[\无奈脸].虽然说可以拓展知识广度,但是在深度上很让人头疼.最近没事的时候回忆各框架父子组件通信,发现很模糊,于是乎稍微做了一下功课,记录于此 ...

  6. for循环比较

    在实际的开发过程中,一般都会用到for循环,都可以用来遍历,但是这几个之间又存在细微的差别! 一,传统的for循环: var arr = ['good', 'good', 'study']; for ...

  7. IS基础(函数片)

    函数基本介绍 为什么需要函数 之所以需要函数,是因为函数可以实现对代码的复用.相同的代码,我们不需要再重复书写,只需要书写一次就足够了.函数有些时候可以看做是一个暗箱.我们不需要知道函数内部是怎么实现 ...

  8. AGC002 F - Leftmost Ball

    貌似哪里讲过这题..总之当时掉线了(理解能力又差水平又低选手的日常).. 看看题目,应该是DP. 尝试了几次换状态,毫无思路.那我们就来继续挖掘性质吧...为了更直观,我们令第i个出现的球颜色就是i( ...

  9. [R] Lexical & Dynamic Scoping / Execution & Calling environments / Closures

    Lexical Scoping :有Java繼承中呼叫子類時先生成父類的概念,呼叫函數後,系統會轉至其定義處,將其 environment 中所具有的東西(有些可能定義在外層)形成 Closure [ ...

  10. Flink

    1. Flink表接受是基于dataset.datastream的:首先需要注册一个dataset,然后通过sql去查询这个dataset,返回的即使基于dataset查询结果,这个查询结构就是Fli ...