html元素和dom元素区别？
HTML属性和DOM属性的区别：
1、对于浏览器引擎而言，并不存在"HTML标签"这回事，本质是DOM节点对象，也不存在"HTML文档"这回事，其本质是DOM节点对象组成的文档树。浏览器引擎才是实际存储和渲染DOM节点对象的"大爷"。只是我们无法直接操作浏览器引擎，所以对这个本质并不熟悉（其实也不需要知道，但是得知道）。
2、DOM节点对象是唯一的，但操作DOM节点对象的数据，却不止有一种方法。例如对于一个图像的宽度：
HTML可以通过<img>的width属性去定义；
JavaScript可以通过element.width去读取和修改；
别忘了CSS，CSS也可以通过width属性去修改。
HTML属性和JavaScript的DOM对象的属性，本质上都只是影响DOM节点对象数据的众多理由之一。
多个原因影响同一个DOM节点的实质数据（多对一），请务必你记住这个本质理由。
区别如下：
1）HTML元素的属性大家都应该知道，比如：<img>元素的id、src等。
2）最终浏览器会解析HTML，构建DOM模型，也就是说浏览器会解析HTML元素为DOM元素。
3）JavaScript中获取到的都是DOM元素，而不是HTML元素。
4）HTML元素属性和DOM属性的名称大部分都相同，所以导致很多人错误的认为两者是相同的。
5）区分HTML元素属性和DOM属性曾经是一件很考验经验和记忆力的事情，但是现在通过JQuery的attr()函数就可以忘记这些差异。
jquery怎么修改父页面的元素？
要修改父页面的元素，可以使用jQuery的parent()方法来获取当前元素的父级元素，然后通过其它jQuery的DOM操作方法来修改父页面的元素。
例如，可以使用parent().find()方法来定位到父页面中需要修改的元素，然后调用其它jQuery的方法来对其进行操作，如text()方法来修改文本内容，addClass()方法来添加类名等。
还可以使用parent().attr()方法来修改元素的属性值。总之，通过parent()方法找到父级元素后，再结合其他jQuery方法就可以对父页面的元素进行修改了。
要修改父页面的元素，可以使用`window.parent`来访问父页面的DOM元素。
首先，通过`window.parent.$()`或`window.parent.document.getElementById()`选择要修改的父页面元素。
然后，使用jQuery提供的方法（如`text()`、`html()`、`css()`等）修改该元素的内容、属性或样式。
最后，使用适当的事件来触发这些修改，以确保在父页面加载完成后执行。记住，跨域访问可能受到同源策略的限制，因此需要在父子页面间建立安全的通信机制。
jquery如何获取属性值？
在jQuery输入元素表达式属性名即可得到。如：
1.$("#textId").attr("width")是获取Id为textId的控件的width属性。
2.$(".className").attr("width")是获取包含class名为className的控件的width属性。
3.$("[name=textName]").attr("width")是获取name为textName的控件的width属性。
但要注意，jquery取到的可能是一个数组，如果确定属性为同一值，则没问题，否则应该循环取得控件，再取属性值。如：$("#textId")[0].width是取第一个控件的width属性。但也有写属性用attr取不到，也需要用角标的方式取得控件后再取属性。
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。