ajax学习之1---Dom

深入理解jQuery 1.2 API核心特性与实战应用 本文还有配套的精品资源,点击获取 简介:jQuery 1.2作为一款广受欢迎的JavaScript库,其版本1.2引入了众多核心特性,对Web开发者具有深远影响。本资源详细解析了jQuery 1.2 API,包括选择器、DOM操作、事件处理、动画效果、Ajax交互和链式调用等,并提供离线文档及插件生态介绍,是学习和应用jQuery的宝贵资源。 1. jQuery ... 阅读详情

最近学习ajax,去年ajax技术已经热炒起来了,今年短短的半年就已经普及了,流行速度之快,令人咂舌。最近ajax技术如此之火,连我这个菜鸟也找本书来学习一下(跟下流行的风 )
ajax是什么不用我在这里多废话了啊。。今天主要和大家一起交流下Dom接口,Dom是w3c定义的一组和程序,系统无关的规则,Dom 是网页里面很重要的内容,网页就是一个树形式存在的内存集,使用Dom不仅仅可以控制html而且xml里面同样可以通用,因为它仅仅是一种规则。

今天主要学习一下Dom的几个主要接口。
1:Document接口
Document接口代表了整个xml文档,提供了对文档中的数据进行访问和操作的入口。由于元素,文本节点,注释,处理指令等都不能脱离文档的上下文关系而独立存在,所有在Document结论提供了创建其他节点的对象的方法。通过该方法创建的节点对象都有一个ownerDocument属性,用来表明当前节点是由谁创建的以及节点同Document之间的联系
Document节点是Dom树中的根节点,也即对xml文档进行操作的入口节点,通过Document节点,可以访问到文档中的其他节点
属性:
Doctype DocumentType类型的只读属性 ,记录文档的类型声明
documentElement 为访问文档的根元素提供了一个简单的方法
方法
CreateAttribute 创建一个具有给定名称的属性节点然后可以利用setAttributeNode方法把改属性设置为某个元素的属性
createElement 创建一个指定类型的元素节点
createTextNode 创建一个具有指定的字符串内容的文本节点
getElementbyID 返回一个具有给定ID的元素节点,如果没有这样的元素存在就返回null
getElementByTagName 返回一个节点的集合(NodeList)该集合中所有的元素都具有参数中所给定的标记名,集合中的所有元素安装在Dom树中的前序排列进行排序
2:Node接口
Dom规范中有很大的一部分接口都是从Node接口继承过来的如:Element,attr,CDATASection等接口,都是从Node继承过来的
在DOM树中,一个node接口实例代表了树中的一个节点,DOM树中包含很多各种不同类型的节点,这些节点基本都是从Node继承过来的。Node接口定义了所有不同类型的节点都具有的属性和方法
node的属性:
attribute 只读属性 如果当前节点是Element_Node(元素节点)类型的节点
,则NameNodeMap中包含了当前节点的所有属性,如果当前的节点不是Element_Node,这属性值为null
childNodes 包含了当前节点的所有子节点,如果当前节点没有字节点,nodeList中就不包含任何节点
firstChild 当前节点的第一个子节点
lastChild 当前节点的最后一个子节点
nextSibling 当前节点上午直接后继节点
nodename 当前节点的名字,对于不同的节点类型,有不同的取值
nodeType 当前节点的类型
nodeValue 当前节点的值,对于不同的节点类型,该属性具有不同的取值
parentNode 当前节点的父节点
perviousSibling 当前节点的直接前驱节点
方法:
appendChild 把参数中传递过来的newChild添加到当前接受的所有的子节点列表的最后
hasChildNodes 判断当前节点是否有字节点
createElement 创建一个指定类型的元素节点
insertBefore(node,newchild,node,refchild)把节点newChild插入到当前节点的子节点refChild之前
removeChild 从当前节点的子节点中删除oldChild节点并返回oldChild
3:NodeList集合
NodeList接口提供了对节点集合的抽象定义,NodeList用于表示有顺序关系的一组节点
在DOM中,nodelist 的对象是动态的,也就是说对文档的改变,会之间反映到相关的NodeList对象中
NodeList中的每个item都可以通过一个索引来访问,该索引值从0开始
NodeList的属性length表示改节点集合中的节点个数,访问集合中的节点的合法索引值为0到length-1之间的数
item,返回节点集合中的第index个节点
4:NameNodeMap
实现了NameNodeMap接口的对象中包含了可以通过名字来访问节点的集合
NameNodeMap并不是从NodeList继承过来,NameNodeMap所包含的节点是无序的,实现了NameNodeMap接口对象所包含的节点也可以通过索引进行访问
getNameItem(string name) 返回给定名称的节点,如果没有改节点集合中没有这样节点,就返回null
item(long index) 返回节点集合中的第index个节点,index的取值从0
removeNamedItem(string name) 删除给定名称的节点 如果在当前节点集合中存在给定名称的节点,返回该节点
setNameItem(node arg) 把给定节点名的节点添加到当前节点集中,如果在当前节点集中已经存在相同节点明的节点了。那么就用现在节点替换已经存在的节点
最后,在Java中解析xml的时候要注意一点。Dom里面的主要几个类如Element,attribute,text 等类都死继承node接口(这是我学了好久才注意到的。希望大家不要象我那么笨)
好了,,就到这里吧(以上是我学习整理的笔记,如果侵犯了你的版权问题,请留言我马上处理 )。

jQuery 1.6 API 中文手册最新版 本文还有配套的精品资源,点击获取 简介:《jQuery 1.6 API 中文手册》是一份针对jQuery 1.6版本的详细指南,适用于开发者理解和应用其功能。手册涵盖了选择器、DOM操作、事件处理、动画效果、Ajax交互、属性操作、插件系统、链式操作和性能优化等关键知识点。同时,它也提供了版本间变更的知识,帮助开发者选择合适的jQuery版本。此外,该手册还强调了理解jQu... 阅读详情

相关推荐

全面掌握Jquery 2.1.3库:跨浏览器应用开发

本文还有配套的精品资源,点击获取 简介:Jquery 2.1.3版本是这一知名JavaScript库的重要更新,它优化了对现代浏览器的支持,并保持对旧版IE浏览器如IE7和IE8的兼容性。该版本库提供了丰富的选择器、便捷的事件处理、灵活的DOM操作、流畅的动画效果和强大的Ajax交互能力,以及链式操作的便捷性。此外,通过移除对老旧IE版本的支持,库文件变得更加轻量级。开发者...

weixin_30336531的博客 1435

Xml节点解析 Android,【已解决】Android中用DOM方式解析xml时使用getElementsByTagName去获得节点结果为空...

【问题】折腾:时,试了试下面代码:public static ArrayList getXmlItems(InputStream inputStream, String tag){ArrayList xmlItemList = new ArrayList();DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();...

weixin_30443729的博客 702

DolphinScheduler任务状态异常排查:从僵尸任务到数据库修复全流程

本文详细介绍了DolphinScheduler中僵尸任务的识别、诊断与修复全流程,包括数据库层面的SQL操作指南、系统恢复验证方法以及预防措施。针对任务状态异常问题,提供了从基础排查到高级源码分析的完整解决方案,帮助运维人员有效管理系统资源和工作流调度。

weixin_27966471的博客 133

etElementByID getElementsByName getElementsByTagName的区别和总结 +js+Mxl+xmlhttp

etElementByID getElementsByName getElementsByTagName的区别和总结 WEB标准下可以通过getElementById(), getElementsByName(), and getElementsByTagName()访问DOCUMENT中的任一个标签: 1、getElementById()getElementById()可以访问DOCUMEN...

weixin_30492601的博客 244

华三R4900 G5服务器实战:用PMC P460-B4阵列卡配置RAID1+RAID6,并搞定CentOS 7.9安装(含热备盘设置)

本文详细解析了在华三R4900 G5服务器上使用PMC P460-B4阵列卡配置RAID1+RAID6混合阵列的全过程,包括热备盘设置和CentOS 7.9系统安装。通过实战步骤和性能优化建议,帮助企业IT人员高效部署高可用存储方案,特别适合需要数据冗余和系统稳定性的企业级应用场景。

weixin_29248653的博客 358

机器学习预测材料性能:从特征工程到SHAP可解释性分析

机器学习在材料科学中的应用,核心在于将复杂的材料性能预测问题转化为数据驱动的建模任务。其基本原理是通过算法从历史数据中学习特征与目标属性之间的映射关系。这项技术的价值在于能够大幅加速新材料的发现与设计周期,降低传统“试错法”的高昂成本。在工程实践中,它广泛应用于预测如形成能、带隙、弹性模量以及居里温度等关键材料性能。具体到磁性材料领域,居里温度的准确预测对于永磁体和自旋电子器件设计至关重要。本项目深入探讨了如何利用特征工程从材料成分与结构中构建有效描述符,并借助SHAP这一可解释性工具,揭示模型决策背后的物

weixin_27155667的博客 652

【 H5踩坑 】Dom变更引起的 touchend 不触发

背景故事 几个月前小编接了一个 全屏阻止touch默认行为,并模拟滚动 的需求。 但事成之后,偶尔出现 “突然锁死” 的问题,无法进行任何滑动。 问题原因 几经排查,是我们设计的 “单指锁定” 模块引起的。 为了更好的体验,我们做了一个“单指锁定”模块,当上一个手指不放开时,另一个手指不论怎么滑也不会引起交互。 因此如果 由于某种情况 导致 touc...

weixin_33701564的博客 684

《UDS协议从入门到精通》系列——图解0x27:安全访问

什么是安全访问服务?应用场景和基本原理是什么?全网最直观详细的图解UDS-0x27:安全访问服务!!

车载系统攻城狮 7238

javaScript -- touch事件详解(touchstart、touchmove和touchend)

HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件:touchstart、touchmove和touchend。一开始触摸事件touchstart、touchmove和touchend是iOS版Safari浏览器为了向开发人员传达一些信息新

删库跑路 4万+

第八节:Orin NX 修改pinmux

读SPI1对应的寄存器,看对应的GPIO口是否被复用为SPI功能。说明GPIO口的功能已经被复用为SPI。烧录或者命令行烧录,都是根据。这里我们把文件统一命名成。文件,Orin NX的。测试SPI功能,基于。

孤独旅客的博客 794

SIMULINK开发项目实例 1000 例专栏之第960例--基于电力系统稳定性的建模与仿真场景:-含分布式电源的配电网电压稳定性研究

间歇性与随机性:例如,太阳能依赖于日照强度,风能依赖于风速,这使得它们的输出功率具有不确定性。逆变器接口:大多数分布式电源通过逆变器接入电网,这对电网的动态响应特性产生了影响。位置分散:通常分布在用户侧或靠近负荷中心的位置。本文详细介绍了如何使用Simulink结合Simscape Electrical 构建一个用于研究含分布式电源配电网电压稳定性的模型,并提供了详细的仿真流程说明。

xiaoheshang_123的博客 156

XML数据接口DOM入门介绍和常用对象

1、简介  XMLDOM被设计为可用于任何语言和任何操作系统。借助DOM,程序员可以创建XML文档、遍历其结构,增、改、删其元素。DOM将整个XML文档视作一棵树,文档级的元素是树的根2.结构:举一实例分析:Document节点:即文档对象,树的最高节点,对整个文档进行操作的入口Element和Attribute节点:这些结点对象是对整个文档进行操作的入口Text节点类

聪明的编译器 2047

【数据集】中国各类水文专业常用数据集合集

对中国各类水文专业常用数据集进行整理并总结

WW、forever的博客 9307

Ajax学习1_DOM

DOM(Document Object Model,文档对象模型)。是表示文档(比如HTML和XML)和访问、操作构成文档各种元素的应用程序接口(API)。 DOM为Javascript操作HTML/XHTML文档内容提供了一系列可用的应用程序接口,通过这些接口,Javascript可以以树状结构的方式遍历整个HTML/XHTML文档,获取文档节点对象,读取、修改文档节点的属性,并将这

Brave.Chi 的博客 681

2022年灌溉试验设计与数据分析考试试题

2.表2数据为表层0~10cm的原状土离心机土壤水分特征曲线试验数据,(1)请利用R语言nls函数通过Van Genuchten方程对土壤体积含水率和土壤基质势进行拟合;(3)指明土壤基值势为-33 kPa和-1500kPa时的体积含水率。1.请根据表1数据,以灌溉模式为主区,生物炭用量为子区,利用R语言agricolae包生成裂区试验设计试验处理布置图;3.以R工具包factoextra中decathlon2数据集前10列为数据进行PCA分析,要求计算出(1)前5个主成分的特征值、特征向量;

Mrrunsen的博客 266

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

ajax学习笔记-Dom入门1

Dom(Document Object Module)即文档对象模型,它是语言和平台中立的接口允许程序和脚本动态访问和更新文档的内容,结构和风格。Javascript中的Dom实现使我们可以在Ajax中通过JavaScript代码对Html和XML数据进行Dom方式的操作,从而做到页面的动态修改和更新。Dom将每一个Html和Xml都看成内存中的一个对象树。浏览器中一个页面对应一个Html文档,因

woshigefantong的专栏 411

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

Ajax学习笔记(1)------关于DOM的代码

多个方法做图片交换:html> head>  title>Magic Hattitle>    script language="javascript" >  function showRabbit1() {  var hatImage=doc

yangyinbo的专栏 573

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

如何科学高效的学习Web前端开发?,请把这些学完再去面试

web前端开发(也称为客户端开发)主要是通过html,css,JavaScript,ajax,DOM等前端技术,实现网站在客服端的正确显示及交互功能。在早期点Web前端不叫前端,而是被亲切的叫做“网页设计师”。web前端也被称为“客户端”,是关于用户可以看到和体验的网站的视觉方面,即用户所看到的一切Web浏览器展示的内容,涉及用户可以看到,触摸和体验的一切;即web前端包括web页面的结构、web的外观视觉表现以及web层面的交互实现。web前端从网页制作演变而来,名称上有很明显的时代特征。

m0_61549674的博客 418

jQuery 1.3 API 参考文档中文版

jQuery 1.3 API 参考文档中文版核心jQuery 核心函数jQuery(expression,[context])jQuery(expression,[context])这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。 jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函

qqshenyunzcz的专栏 2856

《开发者突击:精通ASP.NET AJAX网络程序设计》终于面世

今天是我非常激动的日子,由自己第一次主编的图书《开发者突击:精通ASP.NET AJAX网络程序设计》终于与诸位读者见面了。本书由电子工作出版社于2008年7月下式出版发行,ISBN为978-7-121-06834-8。说实在话,自从4月中旬最终交付给出版社所有稿件,我的心中一直忐忑不安。主要是考虑到ASP.NET AJAX这个框架发展太快了!!还好,随...

weixin_33937778的博客 112

jQuery学习路线。

通过jQuery思维导图,来进行计划的温习/掌握 jQuery技能。 通过思维导图的思路学习,是很好的学习方法之一,思路清晰、跟上环节,易于贯通,重要的是少走弯路。 这里一共有6张图,第1张是大纲路线,顺着路线可以掌握jQuery常用的操作,后面5张是关于jQuery相关Api及性能优化的细节。 结尾处 追加jQuery Api截图,对使用过jQuery Api的同学,一目了然。 ...

weixin_30834783的博客 513

ajax中dom,Dom在ajax技术中的作用说明

Dom在ajax技术中的作用说明更新时间:2010年10月25日 15:56:19 作者:Dom的功能确实很强大,在JavaScript的驱使下Dom能做的事太多了.今天我们来讲一下Dom在ajax技术中的作用.当你使用ajax向服务端发出请求,并返回数据到客户端时.你是怎么 将这些返回的数据显示到网页上的?毫无疑问的你使用的是Dom,利用Dom的各个指令.来向html中添加你想要显示的内容....

weixin_39584549的博客 471

AJAX初步学习

软考暂时告一段落了,又开始了我的B/S学习之路,开始看AJAX的系列课程,刚刚看了4集,感觉有点晕乎哈!学习一本课程需要先宏观了解一下,这篇博客,并没有说太多视频的中的知识,而是先宏观学习一下AJAX!           AJAX(Asynchronous JavaScript and XML)即异步的JavaScript与XML技术,指的是一套综合了多项技术的浏览器端网页开发技术。其

学会改变自己——才能突破 7648

ASP.net AJAX 技术详解(4) 之 深入研究AJAX组成要素中的DOM模型

大家一起来学习AJAX,如果有什么问题,给我发Email:warensoft@foxmail.com  如果想了解更多关于DotNet方面的技术资料,文章以及视频,请到本团队的主页:www.warensoft.cn 2.3      深入研究AJAX组成要素中的DOM模型在Ajax中,页面的显示结构可以通DOM来控制,本节来说明一下DOM的结构及使用2.4.1 DOM简介及DOM模

1412

jQuery总结(jQuery事件、dom、Ajax)

jQuery总结 jQueryjQuery总结一、主要内容二、jQuery对象1、下载与安装1.1、下载1.2、版本1.3、优点1.4、安装2、jQuery核心3、jQuery对象与Dom对象3.1、获取对象三、jQuery选择器1、基础选择器2、层次选择器3、表单选择器四、jQuery Dom操作1、操作元素的属性2、操作元素样式3、操作元素内容4、创建元素5、添加元素6、删除元素7、遍历元素五、jQuery事件1、ready加载事件2、bind()绑定事件六、jQuery Ajax1、$.ajax2、$

LazyBones的博客 446
上一篇: 程序员十个必备素质
下一篇: 人生信条
touch_92java
博客等级 码龄19年 4粉丝 12原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值