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程序

    积少成多,欢迎大家关注我的微信公众号,共同探讨Java相关技术 今天的重点是:编写源代码.编译.运行.查看成果.除此之外,还需要搭建起与前面学习的知识的联系. 写本文时依据的系统环境是Windows1 ...

  2. Oracle SQL Developer 连接数据库问题总结

    一.使用scott用户登录的问题 说明:Oracle如果是初次使用用户,scott用户是没有解锁的.所以要先解锁.注:scott是个测试用户. 具体步骤: 1.在Dos命令下输入 sqlplus 可以 ...

  3. 机器学习基础一(TP,TN,FP,FN等)

    TP:预测为正向(P),实际上预测正确(T),即判断为正向的正确率 TN:预测为负向(N),实际上预测正确(T),即判断为负向的正确率 FP:预测为正向(P),实际上预测错误(F),误报率,即把负向判 ...

  4. Mysql 8.0 导入txt文件操作(课程实验)

    一.实验准备: 1.实验设备:Dell laptop 7559; 2.实验环境:windows 10操作系统; 3.数据库版本:mysql 8.0; 二.实验目的: 1.将一个宠物表pet.txt文件 ...

  5. python 一些方法的时间测试

    尝试一些方法的不同实现,比较一下时间,电脑比较渣,不过只是做个比较 虽然用python主要是方便,肯定是不快的,不过能快一点还是快一点好 numpy中大量使用同样 shape 的全 0 array,可 ...

  6. python unittest框架

    四个部分: test fixture A test fixture represents(代表) the preparation needed to perform one or more tests ...

  7. web前端调试的消除缓存对更改页面的影响

    平时调试网页的时候经常会短时间多次修改html和css文件,已达到最好的体验效果,但是有时候因为浏览器缓存的原因就导致虽然代码修改了,但是 页面还是没什么变化, 经常以为是自己代码修改的不对, 之后发 ...

  8. jenkins如何获取gitlab上的代码

    如何安装jenkins和gitlab我就不重复了,请自行搜索我的博客 那么,jenkins如何获取gitlab上的代码呢? 具体配置步骤如下 1.在gitlab上配置个人访问令牌.注意事项:姓名那里需 ...

  9. linux 解压缩总结

    总结1.*.tar 用 tar –xvf 解压2.*.gz 用 gzip -d或者gunzip 解压3.*.tar.gz和*.tgz 用 tar –xzf 解压4.*.bz2 用 bzip2 -d或者 ...

  10. 使用windows任务计划程序自动清除C盘缓存文件

    背景 由于应用程序会不断的产生各种临时文件和缓存文件,我们的C盘有时候不知不觉就被填满了,因此,配置一个自动清除缓存文件的脚本势在必行了. 功能 自动删除C盘的缓存和临时文件 隐藏执行时的CMD窗口 ...