`

备忘 jquery与dom对象转换

阅读更多
两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index);

(1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。

如:var $v =$("#v") ; //jQuery对象

var v=$v[0];    //DOM对象

alert(v.checked)   //检测这个checkbox是否被选中

(2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象

如:var $v=$("#v");  //jQuery对象

var v=$v.get(0);   //DOM对象

alert(v.checked)  //检测这个checkbox是否被选中



DOM对象转成jQuery对象:

对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象)

如:var v=document.getElementById("v");  //DOM对象

var $v=$(v);    //jQuery对象

转换后,就可以任意使用jQuery的方法了。

通过以上方法,可以任意的相互转换jQuery对象和DOM对象。需要再强调注意的是:DOM对象才能使用DOM中的方法,jQuery对象是不可以用DOM中的方法。
分享到:
评论

相关推荐

    备忘:jquery的一些实例

    标题中的“备忘:jquery的一些实例”提示我们,这篇内容主要关注的是jQuery库中的实际应用案例。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。在这个备忘中,作者...

    jQuery日历表设置日期备忘录代码

    3. 将备忘录数据与服务器同步,以便在多个设备上查看和管理。 4. 考虑时间的添加,因为有时用户可能需要指定一天中的特定时间。 5. 使用模态对话框或浮层来展示和编辑备忘录,提高用户体验。 在提供的压缩包文件...

    jquery+bootstrap 实现简单备忘录

    在本项目中,我们主要探讨如何使用jQuery和Bootstrap框架来创建一个简单的Web备忘录应用。这个应用利用HTML5的强大功能,为用户提供了一个方便、直观的界面,以便他们记录日常事务,并设定提醒时间,以便在特定时刻...

    jQuery简单带备忘录功能的日期选择器插件

    “jQuery简单带备忘录功能的日期选择器插件”是一个实用的前端工具,它将日期选择和备忘录功能完美结合,便于用户在选择日期时查看相关备注。通过了解其内部结构和文件,我们可以更好地理解和定制这个插件,以满足...

    JS DOM操作备忘

    **JS DOM操作备忘** 在JavaScript中,DOM(Document Object Model)是HTML和XML文档的结构化表示,它提供了一种标准的方式来访问和修改页面内容。这篇备忘将深入探讨如何利用JavaScript进行DOM操作,包括选择元素、...

    dom4j练习示例(备忘用)

    1. **解析XML文档**:DOM4J提供了SAXReader类来解析XML文件,通过`SAXReader.read(File file)`方法可以将XML文件转换为Document对象。 2. **创建XML文档**:可以使用`DocumentFactory`类创建Document对象,然后通过...

    jQuery带备忘录功能的日期选择器.zip

    "jQuery带备忘录功能的日期选择器.zip"就是一个实例,它结合了日期选择器与备忘录功能,为用户提供了一种便捷的方式来管理和查看特定日期的备注信息。 日期选择器是网页表单中常见的一种组件,用于让用户方便地选取...

    jQuery+json+struts2 开发备忘录(一)

    然后,前端利用jQuery的`$.ajax`或`$.getJSON`方法请求服务器数据,将接收到的JSON对象解析并更新到DOM中,实现动态更新页面内容。 例如,一个简单的Struts2 Action可能如下所示: ```java public class MyAction ...

    基于jQuery实现的带备忘录功能的日期选择器特效源码.zip

    3. **DOM交互**:如何使用jQuery动态创建、修改和删除DOM元素,以展示和隐藏备忘录。 4. **AJAX交互**:如果备忘录需要存储和检索,开发者可能需要使用Ajax进行前后端数据通信。 5. **用户交互设计**:理解用户...

    超级漂亮的备忘插件

    在这个插件中,jQuery可能被用来优化DOM操作,比如快速查找和操作备忘元素,以及实现平滑的动画效果,如弹出备忘窗口的过渡。 描述中提到的“支持拖动”,这是利用HTML5的拖放(Drag and Drop)API实现的功能。用户...

    jquery-validation备忘

    **jQuery Validation备忘** jQuery Validation插件是一款广泛应用于前端表单验证的强大工具,它使得在JavaScript中实现表单验证变得简单高效。这个插件通过添加自定义的CSS类和错误消息,可以创建出用户友好的交互...

    jQuery带备忘录功能的日期选择器特效代码

    **jQuery带备忘录功能的日期选择器特效代码详解** 在网页开发中,日期选择器是一种常见的用户交互组件,用于方便用户输入或选择日期。jQuery作为一款强大的JavaScript库,提供了丰富的插件来扩展其功能,其中包括了...

    自定义日历备忘录控件

    这通常会涉及到JavaScript的日期对象操作,以及DOM元素的动态创建和更新。 2. **日历视图**:这是日历的核心部分,展示一个月的日历格子,每个日期格子可能包含事件图标或提示,表示有事件发生。点击日期后,可以弹...

    设计模式-备忘录

    备忘录模式是一种常用的设计模式,它在软件工程中用于保存对象的状态,以便在需要时恢复到之前的状态。这种模式的主要目标是实现数据的安全存储,同时保持对象的封装性,避免对外部对象直接访问其内部状态。在iOS...

    C#面向对象设计模式纵横谈(21):(行为型模式) Memento 备忘录模式

    备忘录模式(Memento Pattern)是一种行为设计模式,它允许在不破坏封装性的前提下,捕获一个对象的内部状态,并在该对象之外保存这个状态。这样以后就可以将对象恢复到先前的状态。这种模式在需要撤销/重做功能、...

    可拖动的jQuery便签特效

    1. **选择器**:jQuery的选择器类似于CSS,用于选取页面上的DOM元素。例如,`$("#myNote")`会选择ID为"myNote"的元素。在便签特效中,我们可能需要选取特定的便签元素进行操作。 2. **事件处理**:jQuery提供了一套...

    asp在线备忘录系统

    jQuery则是一个轻量级的JavaScript库,简化了DOM操作、事件处理和AJAX交互,使得开发者能更高效地编写代码。 **数据库集成** 系统中必然包含了数据库支持,用于存储用户的备忘录信息。可能使用的数据库系统是...

    微信小程序 备忘录 (源码)

    微信小程序 备忘录 (源码)微信小程序 备忘录 (源码)微信小程序 备忘录 (源码)微信小程序 备忘录 (源码)微信小程序 备忘录 (源码)微信小程序 备忘录 (源码)微信小程序 备忘录 (源码)微信小程序 备忘录 (源码)微信小...

Global site tag (gtag.js) - Google Analytics