本篇文章给大家介绍一下jquery对象和DOM对象的转换,有需要的朋友可以参考一下,希望对你有所帮助。

我们在上一篇文章jquery对象和DOM对象的区别有哪些?中也简单介绍了关于jquery对象和DOM对象,知道了jquery对象和dom对象是不一样的!比如jquery对象不能使用dom的方法,dom对象不能使用jquery方法,那假如jquery没有封装我要的方法,那能怎么办呢?这时我们可以将jquer对象转换成dom对象。

所以接下来的我们就直接来看一看jquery对象如何转换为DOM对象。

jquery对象转换为DOM对象有两种方法可以实现:[index]和get(index),下面我们分别看看这两种方法的实现

jquery对象转换为DOM对象的第一种方法:通过[index]的方法

jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。var $v =$("#v") ; //jQuery对象

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

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

jquery对象转换为DOM对象的第二种方法:通过get(index)的方法

jQuery本身提供,通过.get(index)方法,得到相应的DOM对象。var $v=$("#v"); //jQuery对象

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

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

看完了jquery对象转换为DOM对象后,我们就来看DOM对象如何转换为jquery对象?

DOM对象转换为jquery对象只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了,转换后可以任意使用jquery中的方法了。var v=document.getElementById("v"); //DOM对象

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

以上就是本篇文章的全部内容了,关于jquery对象和dom对象的更多精彩内容大家可以参考php中文网的jquery手册和javascript手册来进一步了解!!!

jquery对象PHP转换,jquery对象和DOM对象如何相互转换?相关推荐

  1. jquery对象PHP转换,jQuery对象与DOM对象转换方法详解_jquery

    本文实例分析了jQuery对象与DOM对象的转换方法.分享给大家供大家参考,具体如下: jQuery对象转换为dom对象 只有jQuery对象才能调用jQuery类库的各种函数,同样有些dom对象的属 ...

  2. java 字符串转dom对象_xml类型的字符串转换为Dom对象

    我写这篇博客的目的是因为我在这一点转换方面耽搁了快2天时间,真是惭愧呀,dom4j.jar包有自带方法DocumentHelper.parseText(String text)用于将字符串类型的xml ...

  3. html dom对象简写,js参考手册-html dom对象

    Browser 对象参考手册 对象 描述 Window    JavaScript 层级中的顶层对象,表示浏览器窗口. Navigator    包含客户端浏览器的信息. Screen    包含客户 ...

  4. 抓取html对象插件,chrome扩展获取页面dom对象信息

    chrome扩展,在popup页面,给页面对象绑定点击事件,获取当前tab加载页面的DOM对象信息.本chrome扩展功能主要用于获取百度搜索输入框中用户输入的关键字.效果如下 源代码如下注意:以下文 ...

  5. HTML collection数组转换成正常的dom对象数组

    HTML collection对象是一个类数组,如何将它转化为正常的数组,我们可以这样: var obj = document.getElementsByClassName('songlists') ...

  6. java 对象之间转换_浅谈java对象之间相互转化的多种方式

    浅谈java对象之间相互转化的多种方式,对象,属性,参数,赋值,不支持 浅谈java对象之间相互转化的多种方式 易采站长站,站长之家为您整理了浅谈java对象之间相互转化的多种方式的相关内容. 第一种 ...

  7. 前端:jQuery对象和dom对象的转换

    jQuery对象转成DOM对象: var jv =$("#v") ; //jQuery对象 var v=jv[0]; //DOM对象 var v=jv.get(0); //DOM对 ...

  8. JQuery对象与DOM对象的区别与转换

    1.jQuery对象和DOM对象的区别 DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象; eg: var domObj = ...

  9. jquery 对象 和 js 对象 为什么要互相转换?_JQuery对象与dom对象两者之间的相互转换...

    jQuery 是一个 JavaScript 库,极大地简化了 JavaScript 编程.但是在 JQuery 中,有些 javascript 方法却不能直接使用.如何解决这个问题呢?接下来就讲述一下 ...

最新文章

  1. 苹果连接电脑只能充电_苹果获得MagSafe式充电技术专利 可自动连接充电
  2. gns3 查看网关_gns3常用命令
  3. 受限玻尔兹曼机——用在推荐系统里
  4. 九度OJ—题目1032:ZOJ
  5. cPanel下安装GodaddySSL教程
  6. 科研小白在首次论文写作时需要注意哪些问题?
  7. DELPHI设置枚举类型size
  8. 她花了8个月让骗子爱上自己,然后把骗子引到警察局......
  9. ad转换器工作原理_AD转换中参考电压的作用
  10. python settings模块导入不了_无法导入设置“myproject.settings”(是否在sys.path上?):没有名为pinax的模块...
  11. andriod studio 查看项目依赖_如何实施CRM项目管理
  12. 立志10天学会C++基础应用—day01
  13. Android学习笔记:短信控制手机之“短信开启定位”
  14. minGW, cygwin, GnuWin32【C++的跨平台交叉编译问题】
  15. C语言hmacsha1,在C中执行hmac sha1
  16. NPOI Excel 单元格背景颜色对照表
  17. 47. 避免产生直写型(write-only)的代码
  18. limbo pc for android,「Limbo PC emulator」可以让安卓手机安装 Windows 10 了
  19. Halcon深度学习总结
  20. 问题 G: [入门OJ]差(NHOI2015xj6)

热门文章

  1. 网络空间安全之信息追踪——学习笔记 利用门户网站,综合信息追踪
  2. 自制爬虫,爬取分类总阅读量,总评论量。全部文章阅读量和,以及评论量和。但是发现数据不对
  3. C语言数组,这个输出模式感觉自己很厉害!_只愿与一人十指紧扣_新浪博客
  4. OpenCV4 C++学习 必备基础语法知识二
  5. Multisim 12.0 笔记
  6. github上传流程图记录
  7. Tomcat Servlet
  8. 不仅是 64 位 Android L 还有这 9 大亮点
  9. 【Java面试题】37 说出ArrayList,Vector, LinkedList的存储性能和特性
  10. 高频交易都有哪些著名的算法