zoukankan      html  css  js  c++  java
  • jQuery对象和DOM对象区别及互相转换

    1.DOM对象转成jQuery对象:

    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的方法了。

    -------------------------------------------------------------------------------------------

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

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

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

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

    2.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是否被选中

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

  • 相关阅读:
    Linux进阶之正则,shell三剑客(grep,awk,sed),cut,sort,uniq
    生成下拉列表
    获取服务器时间
    Web窗体(WebForm)
    Session
    Cookie
    Server属性
    Response缓冲区
    小案例
    Web窗体(WebForm)的删除和修改
  • 原文地址:https://www.cnblogs.com/fslnet/p/2180094.html
Copyright © 2011-2022 走看看