JQuery对象与DOM对象

简介:

    JQuery对象与DOM对象

1    JQuery对象与DOM对象不一样

1.1   JQuery是一个数组对象,DOM对象是一个单独的DOM元素

1.2    JQuery对象与DOM对象的处理方式

   DOM:先通过DOM模型获取的DOM对象进行处理,再通过innerHTML与style属性处理文本与颜色

  JQuery:先通过$方法得到$p对象的进行处理,再调用html与css,效果与标准的javascript处理结果一样

2   $p是一个类数组对象,包含了DOM对象的信息,封装了很多操作方法

3   JQuery对象与DOM对象都能操作DOM

4   jQuery对象转化成DOM对象

   利用数组下标的方式读取到JQuery中的DOM对象,通过JQuery自带的get()方法   

5   get()方法可以直接访问JQuery对象中相关的DOM节点

6   数组的索引是从0开始的,也就是第一个元素下标是0

7   DOM对象转化成JQuery对象

   把DOM对象传递给$(DOM)函数,然后JQuery把DOM对象包装成一个新的JQuery对象

8   $(参数)是一个多功能的方法,通过传递不同的参数而产生不同的作用



本文转自 拉考的考拉 51CTO博客,原文链接:http://blog.51cto.com/lakaodekaola/1979771


相关文章
|
6月前
|
JavaScript 索引
|
JavaScript 前端开发 开发者
深入了解jQuery:轻松实现高效的DOM操作
【10月更文挑战第11天】深入了解jQuery:轻松实现高效的DOM操作
192 0
|
12月前
|
XML 编解码 JavaScript
DOM(文档对象模型)和 BOM(浏览器对象模型)
【10月更文挑战第19天】在前端开发中,理解 DOM(文档对象模型)和 BOM(浏览器对象模型)是至关重要的。它们是 Web 开发的基础,为我们提供了与网页文档和浏览器进行交互的能力。
1317 62
|
JavaScript 前端开发
jQuery 操作 DOM 及 CSS
本文介绍了如何使用jQuery进行DOM操作和CSS样式的修改,包括如何获取和设置元素的文本内容、属性值、添加和删除元素,以及如何使用jQuery的addClass、removeClass、toggleClass、hasClass和css方法来操作元素的CSS。通过示例代码,展示了jQuery在实际开发中的便捷性。
jQuery 操作 DOM 及 CSS
|
JSON JavaScript 前端开发
Jquery常用操作汇总,dom操作,ajax请求
本文汇总了jQuery的一些常用操作,包括DOM元素的选择、添加、移除,表单操作,以及如何使用jQuery发送Ajax请求,涵盖了GET、POST请求和文件上传等常见场景。
|
JavaScript 前端开发
js之DOM 文档对象模型
js之DOM 文档对象模型
74 1
js之DOM 文档对象模型
|
JavaScript 前端开发 API
深入理解jQuery:高效DOM操作与事件处理
【10月更文挑战第11天】深入理解jQuery:高效DOM操作与事件处理
134 0
|
XML JavaScript 测试技术
Web自动化测试框架(基础篇)--HTML页面元素和DOM对象
本文为Web自动化测试入门指南,介绍了HTML页面元素和DOM对象的基础知识,以及如何使用Python中的Selenium WebDriver进行元素定位、操作和等待机制,旨在帮助初学者理解Web自动化测试中的关键概念和操作技巧。
184 1
|
JavaScript 前端开发 API
前端开发者的救赎:揭秘JQ对象与DOM元素的神秘转换术
【8月更文挑战第23天】在Web前端开发领域,jQuery(简称JQ)作为一款流行的JavaScript库,极大简化了HTML文档遍历、事件处理、动画及Ajax交互等操作。理解和掌握jQuery对象与DOM元素间的转换至关重要。
119 0
|
JavaScript 前端开发
js之DOM 文档对象模型
js之DOM 文档对象模型