`

jquery小东西记录(2) --jquery和dom对象转换

阅读更多
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源码,我上传东西,是为了可以下载东西,oh,mygod

    这个版本的jQuery源码相对较小,易于阅读和理解,适合我们逐步剖析其设计理念和实现方式。 1. **对象创建与初始化**:jQuery的入口函数`jQuery()`,实际上是一个构造函数,用于创建jQuery对象。在`jquery-1.2.1.js`...

    jquery可拖动的页面分割(类似软件中的拖动分割)

    通过利用jQuery的事件处理和DOM操作,我们可以构建出交互性强且用户体验良好的拖动页面分割效果。 首先,我们需要引入jQuery库和一个专门处理拖动分隔的插件,比如jQuery UI中的Resizable组件。这个插件允许我们将...

    自制编辑器jquery版

    1. jQuery基础:此编辑器的核心是jQuery,理解jQuery的基本概念、选择器、事件处理、DOM操作以及动画方法是使用和定制编辑器的前提。 2. 头像上传:涉及文件上传功能,可能利用了HTML5的File API,用户选择文件后,...

    obeyCursor:obeyCursor是一个jQuery小部件,可以使每个DOM对象(slaveObject)跟随光标

    #obeyCursor obeyCursor是一个,它可以使每个DOM对象( slaveObject )都能跟随光标。 ##例子基本示例 一个更复杂的示例 有点老式的花哨的东西,“卡片”! ##要求; 。 #用法 < script src =" ...

    绝对值10分的好东西,最全面的网站制作手册html+css+javascript+jquery+php+xml+vb+flash MX+dom+vml等等共18个手册

    4. jQuery:jQuery是一个JavaScript库,简化了JavaScript的DOM操作、事件处理、动画和Ajax交互。它使得开发者能够更高效地编写复杂的JavaScript代码,提高了开发效率。 5. PHP:PHP是一种服务器端的脚本语言,广泛...

    比较简单的Jquery悬浮框,鼠标经过的时候向上弹出一个提示云比较简单的Jquery悬浮框,鼠标经过的时候向上弹出一个提示云

    首先,jQuery的悬浮框功能主要依赖于其事件处理和DOM操作的能力。在本例中,`mouseover`和`mouseout`事件是关键。`mouseover`事件在鼠标指针进入元素时触发,而`mouseout`事件则在鼠标离开元素时触发。开发者可以...

    jQuery学习笔记

    在官方描述中提到,“jQuery 是一个相对比较简单的框架,适合每个 web 开发的工作者学习的好东西”。这表明 jQuery 的设计初衷就是为了让 Web 开发更加简单高效,无论你是初学者还是有经验的开发者,都可以轻松上手...

    etch-a-sketch:使用 jQuery 和 javascript,在画板和 Etch-A-Sketch 之间创建一些东西

    2. **jQuery入门**:jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理和动画等功能。在这个项目中,我们使用jQuery选择器来获取`canvas`元素,然后绑定事件监听器,如`mousemove`,以便在鼠标移动时触发...

    juery全套东西

    总之,"juery全套东西"提供的是一套完整的jQuery学习和开发资源,涵盖了从基础库到高级应用的各个方面,对于学习和掌握jQuery技术非常有帮助。无论是初学者还是经验丰富的开发者,都能从中受益。

    2022年 前端 VUE常用 面试题

    Vue 更适合模板搭建应用,期待简单和能用就行的东西,期待应用尽可能的小和快。 Axios 是什么?怎么使用它,怎么解决跨域? Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。前端最流行的 ...

    JQuery选择器特辑 详细小结

    这是看《锋利的jquery》时,整理出来的一些东西,很多方法,需要大家亲自实践一下,才会理解得更加深刻,切莫眼高手低哦…… Jquery选择器分类:基本选择器,层次选择器,过滤选择器,表单选择器 一、基本选择器:...

    JQuery中$(document)是什么意思有什么作用

    首先我解释一下jQuery jQuery有一个用来作为DOM快速载入javascript的得心应手的小函数,那就是ready… 他在页面加载完成之前执行。 为什么不用[removed](),因为[removed]函数执行的时候,要说明所有东西已经载入,...

    js日历,很方便使用,欢迎下载

    "小东西理解加使用"可能意味着这个日历组件虽然规模不大,但包含了一些基本概念和技术,可以帮助初学者理解和掌握JavaScript编程以及前端开发中的日历实现。 【标签】"js"进一步确认了这个项目的核心技术是...

    防止jQuery ajax Load使用缓存的方法小结

    一、用法 jquery的load函数是请求另一个文件并加载到当前DOM里的调用,load方法的完整格式是:load( url, [data], [callback] )(注意没有参数是GET方式请求,有参数则是 POST方法)。 * url:是指要导入文件的地址。...

    页面上飘物品,如雪花

    jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互等任务,使得开发此类效果变得更加便捷。 首先,你需要在HTML文件中引入jQuery库以及`jquery.flutterthing.1.0.js`插件。这样做...

    jQuery表格列宽可拖拽改变且兼容firfox

    2. 表格列宽拖拽功能实现:该功能的核心在于动态添加一个用于拖拽的小div元素,并利用JavaScript的事件监听机制来捕捉拖拽过程中的鼠标事件,从而实现列宽的动态调整。在这个过程中,选择了表格中的第一个tr(即表头...

    一个非常牛的东西

    标题中的“一个非常牛的东西”指的是ASP.NET框架中与JavaScript和jQuery相关的高级功能,它能够帮助开发者创造出具有强大交互性和动态效果的Web应用程序。在ASP.NET中,JavaScript和jQuery的结合使用,使得开发者...

    瀑布流展示示例- 带旋转的图文展示 好东西与大家分享 附

    jQuery是一个广泛使用的JavaScript库,简化了DOM操作、事件处理和动画制作。这个插件可能是将jQuery的便利性与瀑布流布局结合的产物。 在实现瀑布流布局时,常见的方法是使用CSS Flexbox或Grid布局,但考虑到老版本...

    类似接红包小游戏-canvas、js.zip

    在实际的项目中,开发者可能还会用到一些JavaScript库或者框架,如jQuery简化DOM操作,或者使用GSAP进行更高效的动画控制。此外,为了提高用户体验,可能还会涉及到CSS3来添加一些视觉特效,如过渡和动画。 总的来...

    用js写得一个拼图小游戏

    在描述中提到,“里面用到jquery相关的东西”,这表明这个拼图游戏可能使用了jQuery库来简化DOM操作、事件处理和动画效果。jQuery是一个流行的JavaScript库,它通过提供简洁的API,使得开发者能更高效地进行网页开发...

Global site tag (gtag.js) - Google Analytics