zoukankan      html  css  js  c++  java
  • Jquery 对象与 DOM对象的相互转换

    在做 web 开发时,经常会用到 jquery 和 dom 对象, 有时候需要在这两个对象间进行切换。

    Jquery 对象

        就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法。

    jQuery对象转成DOM对象:

      1. 通过[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对象和DOM对象间相互转换,需要再强调注意的是:DOM对象才能使用DOM中的方法,jQuery对象是不可以用DOM中的方法。

    总结

     使用jquery时,有时需要使用原始DOM对象的方法,例如调用Activex控件的某些方法时,此时就需要将jquery对象转换为DOM对象,转换方法如下:

    方法1: $("xxx")[index]
    方法2:$("xxx").get(index)
    方法3:$("xxx").eq(index)[0]
    
  • 相关阅读:
    eclipse的快捷键【转载】
    eclipse调试断点【转载】
    eclipse打断点的调试
    Oracle存储过程的调试
    QT5线程关闭
    QT5 Thread线程
    QT5 文件读写操作
    QT5 Even 事件
    Qt 5 常用类及基本函数
    静态库lib、动态库dll基础
  • 原文地址:https://www.cnblogs.com/wisdo/p/4468810.html
Copyright © 2011-2022 走看看