jquery中文档处理的总结
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中文档处理的总结的更多相关文章
- jQuery文档加载完毕的几种写法
js中文档加载完毕.一般在body加一个onload事件或者window.onload = function () {} jQuery中有好多写法,平时也不注意,别人一问,还真觉得头大. 下面是我整理 ...
- JQuery文档加载完成执行js的几种方法
js中文档加载完毕.一般在body加一个onload事件或者window.onload = function () {} jQuery中有好多写法,平时也不注意,别人一问,还真觉得头大. 下面是我整理 ...
- jQuery 核心 - noConflict() 方法,jQuery 文档操作 - detach() 方法
原文地址:http://www.w3school.com.cn/jquery/manipulation_detach.asp 实例 使用 noConflict() 方法为 jQuery 变量规定新 ...
- jQuery - 中文輸入法與KeyDown/KeyPress事件
最近專案中引用了Telerik ASP.NET擴充元件AutoComplete輸入欄位,測試時發現偶爾會不聽始喚,輸入文字時無法觸發資料查詢,在Javascript Source Code裡反覆追蹤測 ...
- jQuery 文档操作方法
jQuery 文档操作方法 这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html(). 方法 描述 addClass() 向匹配的元素添加指定的类名. after() 在匹配的元素之 ...
- jQuery文档操作
jQuery文档操作 1.jq文档结构 var $sup = $('.sup'); $sup.children(); // sup所有的子级们 $sup.parent(); // sup的父级(一个, ...
- jQuery文档操作方法对比和src写法
jQuery文档操作方法对比 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...
- jQuery文档就绪事件
[jQuery文档就绪事件] 为了防止文档在完全加载(就绪)之前运行 jQuery 代码.如果在文档没有完全加载之前就运行函数,操作可能失败. $(document).ready(function() ...
- jQuery 效果函数,jquery文档操作,jQuery属性操作方法,jQuerycss操作函数,jQuery参考手册-事件,jQuery选择器
jQuery 效果函数 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选元素的所有排队函数( ...
随机推荐
- ValueError: attempted relative import beyond top-level package
python 项目 在pycharm中, 在某个文件夹下: 右键--> mark directory as --> source root 如何在python脚本或者shell中 用代码实 ...
- docker ,docker与虚拟机的区别
什么是Docker: 1.Docker 是一个开源项目,诞生于 2013 年初,最初是 dotCloud 公司内部的一个业余项目.它基于 Google 公司推出的 Go 语言实现. 项目后来加入了 L ...
- swiper插件使用遇到的一点小问题
最近做移动端开发 给出的静态页使用了Swiper,用的是4.0.3版本,应该是比较新的. 静态页这种东西,一般就是给你个雏形,设计部虽然使用了这个插件,但毕竟这个活儿毕竟还是得开发人员来干,所以,静态 ...
- slf4j的使用2
一.Log4J的配置文件(Configuration File)就是用来设置记录器的级别.存放器和布局的,它可接key=value格式的设置或xml格式的设置信息.通过配置,可以创建出Log4J的运行 ...
- The listener supports no services
问题描述 sql> lsnrctl start 提示: The listener supports no services The command completed successfully ...
- 2018.5.17 memcached
简介 Memcached是一个自由开源的,高性能,分布式内存对象缓存系统. 安装 yum install memcached 连接 telnet HOST PORT telnet 127.0.0.1 ...
- JavaScript 查找图中连接两点的所有路径算法
1.把图看成以起点为根节点的树 2.使用深度遍历算法遍历路径 3.遍历到节点为目标节点时,保存这条路径 find2PointsPath(sourceId, targetId) { const { no ...
- css颜色的设置
css的颜色设置 1.英文命令颜色 p{color:blue;}RGB颜色 2.与 photoshop 中的 RGB 颜色一致,由 R(red).G(green).B(blue) 三种颜色的比例来配色 ...
- 【javaScript基础】异常处理
理解异常在javaScript面向对象编程是非常重要的,异常是一种非常强大的处理错误的方式. 错误处理 首先我们来看一个有问题的代码: nonexistant(); ...
- 实现自己的MVC AJAX框架计划
最近看了一下设计自己框架的文章,所以也想自己去实现一个小框架,用于以后的项目中,只求方便, 需要参考各位前辈的代码,或者直接copy过来为我所用,哈哈,想想都开心. 不过,要写个好的框架肯定不容易,现 ...