当前位置:首页 > 日记 > 正文

jQuery中的DOM操作详细解决方案

jQuery中的DOM操作详细解决方案
jQuery中的DOM操作

DOM(文档对象模型文档对象模型):具有浏览器、平台和语言无关的接口,可以方便地访问页面中的所有标准组件。

DOM操作的分类:

DOM核心:DOM核心不是Javascript独有的。可以使用任何DOM编程语言。它的使用不仅限于处理网页,还包括以标记语言编写的任何文档,如XML。

当HTML DOM:写使用Javascript和DOM HTML文件的脚本,有很多属性,属于html-dom。

css-dom:为CSS的操作,在Javascript中,css-dom主要用于获取和设置的样式对象的各种属性

查找节点

查找节点:

查找元素节点:由jQuery选择器完成。

找到属性节点:经过查阅所需的元素,你可以叫attr()来获取其各种属性值的jQuery对象的方法

创建一个节点

创建节点:使用jQuery的工厂函数$():$(HTML);根据传入的HTML标记字符串创建DOM对象,并将DOM对象包装到jQuery对象中返回。

小心:

动态创建的新元素节点不会自动添加到文档中,但需要通过其他方法插入文档中。

在创建单个元素时,我们应该密切注意关闭标签和使用标准XHTML格式。例如,创建一个元素,您可以使用$()或$(),但不能使用$()或$()。

创建文本节点是在创建元素节点时直接写入文本内容;在创建元素节点时也创建了属性节点。

插入节点(1)

动态创建HTML元素是不现实的,您需要将新创建的节点插入到文档中,也就是文档中节点的子节点。
插入节点(2)
上述方法不仅可以将新创建的DOM元素插入文档中,还可以移动原来的DOM元素。

删除节点

(删除):从DOM中删除所有匹配的元素,根据jQuery表达式传入的参数来过滤元素。当删除节点的所有子代后的节点(删除)方法将同时被删除。这个方法是指返回值是一个节点被删除的引用。

空():清空节点——空元素中的所有子节点(无属性节点)。

复制节点

克隆():克隆匹配的DOM元素,返回值是克隆的副本,但此时复制的新节点没有任何行为。

克隆(true):复制元素并复制元素中的事件

替换节点

用():替换所有匹配的元素作为指定HTML或DOM元素

替换():反用()的方法。

注意:如果已进行替换,则事件已绑定到元素,以前绑定的事件将与原始元素一起消失。

包裹结

包装():用其他标记包装指定节点。此方法对于在文档中插入额外的结构化标记非常有用,并且不会破坏原始文档的语义。

WrapAll():所有匹配的元素用一个元素,和包()方法是将所有的元素。

WrapInner():包裹在每一个匹配元素的子目录(包括文本节点)与其他结构化标记。

属性操作

attr():获取属性和设置属性

当为该方法传递参数时,将为一个元素获取指定的属性。

当为该方法传递两个参数时,为某个元素设置指定属性的值。

有jQuery获取和设置功能,如多方式:attr()、()、文本(HTML)、瓦迩()、高度(宽度)、()、()和CSS等。

RemoveAttr():删除指定的属性指定元素的

设置并获取HTML、文本和值

读取并设置html元素中的HTML内容:HTML()。此方法可用于XHTML,但不能在XML文档中使用。

读取并设置文本元素中的文本内容:文本()。此方法既可以用于XHTML,也可以用于XML文档。

读取并设置元素中的一个值:value()-这个方法类似于value属性中的Javascript。文本框、下拉列表框、复选框,该方法可以返回元素的值(复选框只返回第一个值)。如果多个下拉列表框,返回一个包含所有选择的值数组。

相关文章

PS图象处理软件的路径和方式增加衣

PS图象处理软件的路径和方式增加衣

路径和,图象,处理软件,衣服,效果,溶解效果的概念非常简单,但在实际生产中会遇到一些困难,溶解部分的质地和颜色应与原始图像一致,具有相似的液体效应。 最终效果 1,找到必要的材料,我用这里的衣服。 2,使用钢笔工具按钮,以近似的路径,以填补相应…

Ajax无刷新URL提交页

Ajax无刷新URL提交页

提交,无刷新,电脑软件,Ajax,URL,特别是,在框架如jQuery,porotype,人气和EXT,很多简单的代码可以说是程序员的福音。 从繁重的代码工作中,轻松实现过去编写的复杂函数。 但到现在为止,都有优点和缺点,习惯于使用各种框架,很少编写自己的内部源码程序…

ai绘制可爱的灯泡超人卡通人物

ai绘制可爱的灯泡超人卡通人物

绘制,灯泡,超人,卡通人物,可爱,本教程是向朋友介绍如何使用ai绘制可爱的灯超人卡通人物。本教程中的人物非常可爱。建议朋友们喜欢跟着教程学习。 在本教程中学习ai的朋友们将学会画ai可爱的轻超人卡通方法,笔者介绍了设计思路,制作过程不是…

PS制作可爱的QQ头像头像教程

PS制作可爱的QQ头像头像教程

教程,头像,可爱,电脑软件,PS,本教程是介绍PS做可爱的QQ圆头。非常适合初学者学习。非常适合初学者学习。 QQ的手机版不再是方形的,而且还可以转,但是电脑版还是方形的。当然,大多数人在手机上使用QQ。那么如何做圆头,怎样使圆头看起来酷呢下面…

对fs.ftruncate方法在Node.js的使

对fs.ftruncate方法在Node.js的使

使用说明,方法,电脑软件,fs,ftruncate,方法显示: 文件的内容被截获。 Grammar: 复制代码代码如下所示: fs.ftruncate(FD,Len,{回调(ERR))) 由于此方法属于fs模块,因此需要在使用之前引入FS模块(var FS =需求(fs))。 接收参数: 路径的文件路径 镜头的…

CDR将自己的照片制作成时尚怀旧的

CDR将自己的照片制作成时尚怀旧的

教程,照片,自己的,时尚,电脑软件,本教程是向朋友介绍CDR,使他的照片成为时尚怀旧。这个教程的效果很好。建议你喜欢你的朋友一起学习。 我们怎样才能使我们的照片看起来像一个专业摄影师的照片如何使我们的照片成为时尚和气氛,我们如何可以不…

CDR打造一个漂亮的立体KTV标志

CDR打造一个漂亮的立体KTV标志

标志,漂亮,电脑软件,CDR,KTV,本教程主要是介绍给朋友,利用CDR来创建一个优美的三维KTV标记方法。本教程制作的KTV标识非常漂亮,难度也不是很大。建议你喜欢你的朋友一起学习。 该教程教朋友使用CDR制作立体标记。教程很难,logo很漂亮,立体感很…

jQuery的表单提交MVC3背景处理实例

jQuery的表单提交MVC3背景处理实例

表单提交,实例,背景,电脑软件,jQuery,jQuery的表单提交 复制代码代码如下所示: $(文档)Ready(函数(){) $(# btnlogin)。Click(function(){) $ ajax({ URL:, 数据:{帐户:' + $(#账户)。瓦迩(+) 类型:邮政 内容类型:应用程序/ JSON;字符集= UTF-8 DataType:json , 成…

YII框架获取电流控制和身份相应的

YII框架获取电流控制和身份相应的

框架,身份,控制,方法,电流,本文说明了Yii框架获取当前控制器和ID. Share为您参考相应动作。具体方法如下: 在我国的发展框架,你可能得到控制或行动的ID。事实上,这很简单。实现单个代码。以下是代码在控制得到当前的ID(控制器)和视图(View)分别。…

PS图象处理软件创造了一个梦幻般的

PS图象处理软件创造了一个梦幻般的

分支,肖像,图象,处理软件,梦幻般,本教程和一些步骤可能有点棘手,但是试试看!这也是对你自己的一个提升。 本教程和一些步骤可能有点棘手,但是试试看!这也是对你自己的一个提升! 注:本教程是在—CS6版本;请使用CS6完成早期版本可能不同。一些刷子…

用css方法实现div弹出窗口的黑暗背

用css方法实现div弹出窗口的黑暗背

方法,弹出窗口,黑暗,背景,电脑软件,本文的例子说明了js同时实现div弹出窗口的黑暗背景的方法,供大家参考,具体的实现方法如下: 复制代码代码如下所示: JS+CSS实现DIV弹出窗口,和背景变暗 函数锁定(){ 文档; 文件。所有。LY。宽度= document.body…

painter11得出英国演员肖恩康纳利

painter11得出英国演员肖恩康纳利

英国,肖恩,演员,康纳利,电脑软件,本教程介绍的painter11英国演员肖恩康纳利的画,作者刻画人物形象的很好的教程是很困难的,作者做了详细的介绍了绘制步骤,只是思想和painter11绘图工具,组成出面,希望对学习的朋友有所帮助painter11 本教程介绍的…