使用jQuery操作DOM的方法小结
一.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])
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
以前经常看见网站有菜单的显示，鼠标移上去就出现下拉的效果，下面为大家介绍下,下面为大家介绍下JQuery实现的横向下拉菜单2013-12-12
这篇文章主要介绍了jQuery中get方法用法,结合实例形式分析了jQuery的ajax交互中get方法的功能、参数、使用方法与相关注意事项,需要的朋友可以参考下2016-12-12
这篇文章主要简单介绍了jquery回调函数callback的使用,需要的朋友可以参考下2015-01-01
实现的效果有点类似于Google picasa相册不同尺寸图片的切换效果。本实例通过文字大小（font-size）控制图片尺寸的做法是跟Google学习的，但是jQuery代码是根据效果自己想出来的，逻辑很简单，没有什么精妙之处2012-05-05
今天共享一些令人振奋的UI教程，这些UI大部分是基于Jquery的插件，主要包括动态切换视图的相册、3D旋转分享按钮、Facebook admin Panel，下滑效果的导航Menu，滑翔购物车功能，漂亮的Form表单元素等等。2010-09-09
Timer是比较常用的工具类，用于按时间计划执行任务。这篇文章给大家介绍java中的timer的用法详解，涉及到java timer相关知识学习，对本文感兴趣的朋友可以参考下本篇文章2015-10-10
这篇文章主要介绍了jQuery事件的绑定、触发、及监听方法简单说明,使用jQuery的事件会使代码更加简单,同时对各浏览器的兼容性也还不错,需要的朋友可以参考下2016-05-05
这篇文章主要介绍了jQuery中元素选择器（element）用法,简单通俗的说明了jQuery元素选择器的功能、用法并结合实例形式分析了jQuery元素选择器的相关使用技巧与注意事项,需要的朋友可以参考下2018-05-05
这篇文章主要为大家详细介绍了基于jQuery实现可编辑的表格，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
这篇文章主要介绍了href下载文件的实现，主要是根据id取url并下载,需要的朋友可以参考下2014-05-05
最新评论