使用jQuery操作DOM的方法小结


Posted in Javascript onFebruary 27, 2017

一.DOM操作分为3类

1.DOM Core

DOM Core不是Javascript的专属品,任何一种支持DOM的编程语言都可以使用它.它的用途不仅限于处理一种使用标记语言编写出来的文档

2.HTML-DOM

比DOM Core出现的更早,它提供了一些更加简明的标记来描述各种HTML-DOM的元素属性

3.CSS-DOM

CSS-DOM 失针对CSS的操作,在JavaScript中,只要作用是获取和设置style对象各种属性

二.样式操作

1.直接设置样式值

css(name,value)  //设置单个属性
css({name:value,name:value,name:value....})  //同事设置多个属性

2.追加样式和移除样式

addClass(class) //追加样式
removeClass(class)  //移除样式

3.切换样式

taggleClass()    //可以切换不同元素的类样式

三.类容操作

1.html代码操作

html([content])  //可选,规定备选元素的新类容,该参数可以包含HTML标签,无参数时,表示被选元素的文本类容

2.标签类容操作

text([content])  //可选,规定被选元素的新文本类容.  注释,特殊字符会被编码.无参数时,表示获取元素的被选类容

3.属性值操作

val([value])   

四.节点属性操作

1.查找节点

$("xxx")

2.创建节点

$(selector) //选择器
$(element) //Dom元素
$(html)    //html代码

3.插入节点

内部插入:append(content)  appendTo(content)   prepend(content)   prependTo(content)

外部插入:after(content)   insertAfter(content)   before(content)   insertBefore(content)

4.删除节点

$(selector).remove([expr])

5.替换节点

$("ul li:eq(1)").replaceWith($xxx)

6.复制节点

$(selector).clone([includeEvents])

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
Jquery动态改变图片IMG的src地址示例
Jun 25 Javascript
js使用递归解析xml
Dec 12 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
Nov 24 Javascript
Jquery和JS获取ul中li标签的实现方法
Jun 02 Javascript
JS实现添加,替换,删除节点元素的方法
Jun 30 Javascript
基于Bootstrap仿淘宝分页控件实现代码
Nov 07 Javascript
基于jQuery实现Accordion手风琴自定义插件
Oct 13 Javascript
angular实现页面打印局部功能的思考与方法
Apr 13 Javascript
详解React中setState回调函数
Jun 14 Javascript
微信小程序实现搜索历史功能
Mar 26 Javascript
微信小程序使用字体图标的方法
May 23 Javascript
Javascript组合继承方法代码实例解析
Apr 02 Javascript
jQuery模拟淘宝购物车功能
Feb 27 #Javascript
原生js实现轮播图
Feb 27 #Javascript
PHP实现本地图片上传和验证功能
Feb 27 #Javascript
Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题的解决方法
Feb 27 #Javascript
提高Web性能的前端优化技巧总结
Feb 27 #Javascript
Bootstrap modal 多弹窗之叠加引起的滚动条遮罩阴影问题
Feb 27 #Javascript
node.js入门教程之querystring模块的使用方法
Feb 27 #Javascript
You might like
PHP文件操作实现代码分享
2011/09/01 PHP
thinkphp模板用法和内容输出实例
2014/11/28 PHP
PHP实现倒计时功能
2020/11/16 PHP
仿迅雷焦点广告效果(JQuery版)
2008/11/19 Javascript
自己的js工具_Form 封装
2009/08/21 Javascript
纯JS实现五子棋游戏兼容各浏览器(附源码)
2013/04/24 Javascript
jquery中load方法的用法及注意事项说明
2014/02/22 Javascript
javascript框架设计之类工厂
2015/06/23 Javascript
JS随机洗牌算法之数组随机排序
2016/03/23 Javascript
通过JS获取Request.QueryString()参数的值实现方法
2016/09/27 Javascript
JavaScript 函数节流详解及方法总结
2017/02/09 Javascript
Vue 短信验证码组件开发详解
2017/02/14 Javascript
jQuery实现的简单拖动层示例
2017/02/22 Javascript
Angular.js去除页面中显示的空行方法示例
2017/03/30 Javascript
JavaScript实现打印星型金字塔功能实例分析
2017/09/27 Javascript
详解微信小程序Page中data数据操作和函数调用
2017/09/27 Javascript
使用3D引擎threeJS实现星空粒子移动效果
2020/09/13 Javascript
基于js文件加载优化(详解)
2018/01/03 Javascript
vue2单元测试环境搭建
2018/05/24 Javascript
Node.js API详解之 readline模块用法详解
2020/05/22 Javascript
Python2.x版本中maketrans()方法的使用介绍
2015/05/19 Python
Python动态导入模块的方法实例分析
2018/06/28 Python
Python如何通过百度翻译API实现翻译功能
2020/04/02 Python
Python打印特殊符号及对应编码解析
2020/05/07 Python
Python selenium 加载并保存QQ群成员,去除其群主、管理员信息的示例代码
2020/05/28 Python
美国环保妈妈、儿童和婴儿用品购物网站:The Tot
2019/11/24 全球购物
培训讲师邀请函
2014/01/10 职场文书
会计与出纳自荐书范文
2014/03/16 职场文书
大学生学期自我鉴定
2014/03/19 职场文书
机关干部个人对照检查材料思想汇报
2014/09/28 职场文书
人大代表选举标语
2014/10/07 职场文书
党的群众路线教育实践活动对照检查剖析材料
2014/10/09 职场文书
2015教师节通讯稿
2015/07/20 职场文书
生日祝酒词大全
2015/08/10 职场文书
宣传部部长竞选稿
2015/11/21 职场文书
基于MySql验证的vsftpd虚拟用户
2021/11/07 MySQL