jquery对象与dom对象互转

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

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

<select id="select">
<option value="">-请选择-</option>
<option value="1">是</option>
<option value="0">否</option>
</select>

document.getElementById("select").tagName;


1、jQuery对象转DOM对象

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

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


2、DOM对象jQuery对象

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

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