jquery对象与dom对象互转

原创 2018-01-24 16:54 阅读(1845)次

现在操作DOM时大部份的人都是用jquery来操作,但有时我们不得不只能用原生js,比如我们要获得dom的标签名tagName,就得用dom获取,如

  1. <select id="select">
  2. <option value="">-请选择-</option>
  3. <option value="1"></option>
  4. <option value="0"></option>
  5. </select>

  1. document.getElementById("select").tagName;


1、jQuery对象转DOM对象

但我们必须用jquery去获得tagName,就得用jquery对象转换成DOM了,jq本身提供了方法,如下:

  1. //用$()[0]来获得dom
  2. var dom = $("#select")[0];
  3. //或者用get方法获得dom
  4. var dom = $("#select").get(0);
  5. var tagName=dom.tagName;


2、DOM对象jQuery对象

普通DOM对象转jquery对象就简单了,直接通过$()就转换成jQuery对象了,如:

  1. var $dom = $(document.getElementById("select"))