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

  • 相关阅读:
    vue-learning:8-template-v-on-and-modifier
    vue-learning:7-template-v-bind-with-class-and-style
    vue-learning:6-template-v-bind
    vue-learning:5-template-v-for
    Bootstrap 导航栏
    Bootstrap 导航元素
    Bootstrap 输入框组
    Bootstrap 按钮下拉菜单
    Bootstrap 按钮组
    Bootstrap 下拉菜单(Dropdowns)
  • 原文地址:https://www.cnblogs.com/fslnet/p/2180094.html
Copyright © 2011-2022 走看看