- 浏览: 58768 次
- 性别:
- 来自: 重庆
文章分类
最新评论
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对象转换成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中的方法。
发表评论
-
js this
2013-10-24 16:06 562js里this是指向的调用的引用对象 function t ... -
JS作用域
2013-10-24 14:11 558首先js是没有块级作用 ... -
JS变量随便写写
2013-10-21 11:54 792一般来说js全局变量分 ... -
js ++ --
2013-10-18 15:57 585前置++和--是马上执行运算 后置++和--简单点说就是当下一 ... -
关于闭包,自己理解的
2013-10-17 14:09 803其实一直没搞懂闭包啥 ... -
连续定义方法
2013-10-16 18:07 630var newFunc={}; var strs=" ... -
with
2013-10-16 14:38 516记录下,免得又忘记了 var defaultValue={ ... -
Myeclipse的jquery插件jqueryWTP安装
2013-10-12 22:05 780下载插件 jqueryWTP1.20foCN.jar 地址: ... -
aptana3安装jquery插件的两种方式
2013-10-12 11:29 1001总结了下貌似现在只有两种,其实都是用的同一个jquery开发插 ... -
jQuery的.bind()、.live()和.delegate()之间区别
2013-10-11 14:59 593原文:The Difference Between ... -
通过JS函数自动获取表单元素值的方法(转)
2013-09-16 17:26 997做ajax提交懒得组合字符串,在网上找有没自动获取表单方法,找 ... -
jquery小东西记录(3)-选择器,通配符等
2013-08-13 11:24 6081.选择器 (1)通配符: $("input ... -
javascript小东西记录
2013-07-05 17:45 697onload几种方式 window.onload=XXXX;( ... -
js简单的表格操作
2013-06-21 15:43 1166好久没写表格操作全忘了,看别人的看不懂,所以只有自己写个,没有 ... -
慢慢收集javascript的使用方法
2013-06-06 11:22 703子窗体改变父窗体值 parent.document.getEl ... -
jquery小东西记录(1)
2013-05-12 23:45 790$(function(){}); $(document).r ... -
select标签的操作
2010-05-20 15:33 925功能为:添加 批量添加 删除 选定后背景变色 删除后背景色变回 ... -
主副窗口传值
2009-07-14 17:19 866主窗体 <html> <head&g ... -
javascript:无聊时写的一个自动获取json值并自动生成表格,可设置表格的列标题与要表现json值的位置
2009-07-12 14:50 2142function test(){ var file ...
相关推荐
这个版本的jQuery源码相对较小,易于阅读和理解,适合我们逐步剖析其设计理念和实现方式。 1. **对象创建与初始化**:jQuery的入口函数`jQuery()`,实际上是一个构造函数,用于创建jQuery对象。在`jquery-1.2.1.js`...
通过利用jQuery的事件处理和DOM操作,我们可以构建出交互性强且用户体验良好的拖动页面分割效果。 首先,我们需要引入jQuery库和一个专门处理拖动分隔的插件,比如jQuery UI中的Resizable组件。这个插件允许我们将...
1. jQuery基础:此编辑器的核心是jQuery,理解jQuery的基本概念、选择器、事件处理、DOM操作以及动画方法是使用和定制编辑器的前提。 2. 头像上传:涉及文件上传功能,可能利用了HTML5的File API,用户选择文件后,...
#obeyCursor obeyCursor是一个,它可以使每个DOM对象( slaveObject )都能跟随光标。 ##例子基本示例 一个更复杂的示例 有点老式的花哨的东西,“卡片”! ##要求; 。 #用法 < script src =" ...
4. jQuery:jQuery是一个JavaScript库,简化了JavaScript的DOM操作、事件处理、动画和Ajax交互。它使得开发者能够更高效地编写复杂的JavaScript代码,提高了开发效率。 5. PHP:PHP是一种服务器端的脚本语言,广泛...
首先,jQuery的悬浮框功能主要依赖于其事件处理和DOM操作的能力。在本例中,`mouseover`和`mouseout`事件是关键。`mouseover`事件在鼠标指针进入元素时触发,而`mouseout`事件则在鼠标离开元素时触发。开发者可以...
在官方描述中提到,“jQuery 是一个相对比较简单的框架,适合每个 web 开发的工作者学习的好东西”。这表明 jQuery 的设计初衷就是为了让 Web 开发更加简单高效,无论你是初学者还是有经验的开发者,都可以轻松上手...
2. **jQuery入门**:jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理和动画等功能。在这个项目中,我们使用jQuery选择器来获取`canvas`元素,然后绑定事件监听器,如`mousemove`,以便在鼠标移动时触发...
总之,"juery全套东西"提供的是一套完整的jQuery学习和开发资源,涵盖了从基础库到高级应用的各个方面,对于学习和掌握jQuery技术非常有帮助。无论是初学者还是经验丰富的开发者,都能从中受益。
Vue 更适合模板搭建应用,期待简单和能用就行的东西,期待应用尽可能的小和快。 Axios 是什么?怎么使用它,怎么解决跨域? Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。前端最流行的 ...
这是看《锋利的jquery》时,整理出来的一些东西,很多方法,需要大家亲自实践一下,才会理解得更加深刻,切莫眼高手低哦…… Jquery选择器分类:基本选择器,层次选择器,过滤选择器,表单选择器 一、基本选择器:...
首先我解释一下jQuery jQuery有一个用来作为DOM快速载入javascript的得心应手的小函数,那就是ready… 他在页面加载完成之前执行。 为什么不用[removed](),因为[removed]函数执行的时候,要说明所有东西已经载入,...
"小东西理解加使用"可能意味着这个日历组件虽然规模不大,但包含了一些基本概念和技术,可以帮助初学者理解和掌握JavaScript编程以及前端开发中的日历实现。 【标签】"js"进一步确认了这个项目的核心技术是...
一、用法 jquery的load函数是请求另一个文件并加载到当前DOM里的调用,load方法的完整格式是:load( url, [data], [callback] )(注意没有参数是GET方式请求,有参数则是 POST方法)。 * url:是指要导入文件的地址。...
jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互等任务,使得开发此类效果变得更加便捷。 首先,你需要在HTML文件中引入jQuery库以及`jquery.flutterthing.1.0.js`插件。这样做...
2. 表格列宽拖拽功能实现:该功能的核心在于动态添加一个用于拖拽的小div元素,并利用JavaScript的事件监听机制来捕捉拖拽过程中的鼠标事件,从而实现列宽的动态调整。在这个过程中,选择了表格中的第一个tr(即表头...
标题中的“一个非常牛的东西”指的是ASP.NET框架中与JavaScript和jQuery相关的高级功能,它能够帮助开发者创造出具有强大交互性和动态效果的Web应用程序。在ASP.NET中,JavaScript和jQuery的结合使用,使得开发者...
jQuery是一个广泛使用的JavaScript库,简化了DOM操作、事件处理和动画制作。这个插件可能是将jQuery的便利性与瀑布流布局结合的产物。 在实现瀑布流布局时,常见的方法是使用CSS Flexbox或Grid布局,但考虑到老版本...
在实际的项目中,开发者可能还会用到一些JavaScript库或者框架,如jQuery简化DOM操作,或者使用GSAP进行更高效的动画控制。此外,为了提高用户体验,可能还会涉及到CSS3来添加一些视觉特效,如过渡和动画。 总的来...
在描述中提到,“里面用到jquery相关的东西”,这表明这个拼图游戏可能使用了jQuery库来简化DOM操作、事件处理和动画效果。jQuery是一个流行的JavaScript库,它通过提供简洁的API,使得开发者能更高效地进行网页开发...