jQuery学习笔记 操作jQuery对象 文档处理


Posted in Javascript onSeptember 19, 2012

下面就是一些常用方法,格式为$(selector).方法,其中$(selector)即当前选定元素:

 

移动元素

方法 描述
append($(selector)) 向当前元素的内部追加内容
appendTo($(selector)) 将当前元素在某元素内部追加。但由于会根据需要对当前元素进行移动,所以jQuery对象更改了,可用end()还原
prepend($(selector)) 向当前元素的内部前置内容
prependTo($(selector)) 将当前元素在某元素内部前置。类似于appendTo(),会改变对象
after($(selector)) 向当前元素之后插入内容
insertAfter($(selector)) 将当前元素插入到某元素之后。类似于appendTo(),会改变对象
before($(selector)) 向当前元素之前插入内容
insertBefore($(selector)) 将当前元素插入到某元素之前。类似于appendTo(),会改变对象

 

添加元素

方法 描述
$(html) 创建生成jQuery对象。根据原始HTML代码字符串,创建指向新元素的jQuery对象,再利用移动方法来添加到文档中
clone() 复制生成jQuery对象。复制当前选定页面元素,生成副本元素的jQuery对象,同样利用移动方法来添加到文档中。而且clone()指向副本,相当于更改了jQuery对象,所以可用一次end()还原到当前选定元素;二次end()则彻底还原对jQuery对象的更改

 

替换元素

方法 描述
replaceWith($(selector)) replaceWith($(html)) 移动页面上原有的元素来替换当前选定的页面元素,也可以添加新元素来替换
replaceAll($(selector)) replaceAll($(html)) 用当前选定的元素来替换某元素,可以使页面上原有元素,也可以是新元素。同样会根据需要复制当前元素副本,从而更改jQuery对象

 

包裹元素

方法 描述
wrap($(selector)) wrap($(html)) 复制页面上原有的元素来包裹当前选定的元素,也可以添加新元素来包裹
unwrap() 用来去除当前元素的父元素,但是父元素内部的文本内容依旧保留
wrapAll($(selector)) 复制页面原有元素把所有当前选定元素包裹在一起,不同于wrap()分别包裹每个元素
wrapInner($(selector)) 复制页面原有元素把分别包裹每个当前选定元素内部的文本和后代元素,不同于wrap()分别包裹每个元素本身

 

删除和清空元素

方法 描述
remove() 删除当前元素,该元素包含的文本内容和后代元素会一起删除掉,绑定的事件也不复存在
detach() 同样是删除当前元素,但是绑定的事件还是存在的
empty() 清空当前元素,该元素的文本内容和后代元素都将删除,但保留其本身
Javascript 相关文章推荐
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
Aug 14 Javascript
jQuery 获取对象 基本选择与层级
May 31 Javascript
jQuery处理xml格式的返回数据(实例解析)
Nov 28 Javascript
使用jQuery.wechat构建微信WEB应用
Oct 09 Javascript
用js代码和插件实现wordpress雪花飘落效果的四种方法
Dec 15 Javascript
详解JavaScript中jQuery和Ajax以及JSONP的联合使用
Aug 13 Javascript
原生js封装的一些jquery方法(详解)
Sep 20 Javascript
详解javascript表单的Ajax提交插件的使用
Dec 29 Javascript
详解ES6中的代理模式——Proxy
Jan 08 Javascript
vue2.0项目实现路由跳转的方法详解
Jun 21 Javascript
微信小程序画布圆形进度条显示效果
Nov 17 Javascript
微信小程序使用Vant Weapp组件库的方法步骤
Aug 01 Javascript
jQuery学习笔记 操作jQuery对象 属性处理
Sep 19 #Javascript
jQuery学习笔记 操作jQuery对象 CSS处理
Sep 19 #Javascript
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
Sep 19 #Javascript
dotopAlert 提示用户需安装播放器的代码
Sep 17 #Javascript
点弹代码 点击页面任何位置都可以弹出页面效果代码
Sep 17 #Javascript
js函数的引用, 关于内存的开销
Sep 17 #Javascript
JavaScript中的稀疏数组与密集数组[译]
Sep 17 #Javascript
You might like
PHP中常用数组处理方法实例分析
2008/08/30 PHP
PHP三元运算的2种写法代码实例
2014/05/12 PHP
PHP面向对象详解(三)
2015/12/07 PHP
PHP实现微信网页授权开发教程
2016/01/19 PHP
php通过两层过滤获取留言内容的方法
2016/07/11 PHP
php实现的简单数据库操作Model类
2016/11/16 PHP
jquery 回车事件实现代码
2011/08/23 Javascript
jquery ajax实现下拉框三级无刷新联动,且保存保持选中值状态
2013/10/29 Javascript
JavaScript闭包函数访问外部变量的方法
2014/08/27 Javascript
javascript继承机制实例详解
2014/11/20 Javascript
jQuery使用each方法与for语句遍历数组示例
2016/06/16 Javascript
js 颜色选择插件
2017/01/23 Javascript
Vue开发中整合axios的文件整理
2017/04/29 Javascript
node使用Mongoose类库实现简单的增删改查
2018/11/08 Javascript
vue给对象动态添加属性和值的实例
2019/09/09 Javascript
html中创建并调用vue组件的几种方法汇总
2020/11/17 Javascript
[49:08]Secret vs VP 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python tornado队列示例-一个并发web爬虫代码分享
2018/01/09 Python
python之信息加密题目详解
2019/06/26 Python
python中文分词库jieba使用方法详解
2020/02/11 Python
关于Python Tkinter Button控件command传参问题的解决方式
2020/03/04 Python
Python OpenCV读取中文路径图像的方法
2020/07/02 Python
详解python实现可视化的MD5、sha256哈希加密小工具
2020/09/14 Python
谈一谈HTML5本地存储技术
2016/03/02 HTML / CSS
Zatchels官网:英国剑桥包品牌
2021/01/12 全球购物
什么是触发器(trigger)? 触发器有什么作用?
2013/09/18 面试题
自我评价如何写好?
2014/01/05 职场文书
《童年》教学反思
2014/02/18 职场文书
宣传工作经验材料
2014/06/02 职场文书
相亲大会策划方案
2014/06/05 职场文书
高效课堂标语
2014/06/26 职场文书
人事经理岗位职责范本
2014/08/04 职场文书
指导教师推荐意见
2015/06/05 职场文书
工作转正自我鉴定范文
2019/06/21 职场文书
php 防护xss,PHP的防御XSS注入的终极解决方案
2021/04/01 PHP
世界十大儿童漫画书排名,法国国宝漫画排第五,第二是轰动日本连环
2022/03/18 欧美动漫