转载请注明出处：https://oldnoop.tech/c/107.html

jquery对象和dom对象

dom对象

通过document的getElementById,getElementsByName,getElementsByTagName等拿到的对象,

比如：

<input id="username" name="username" type="text" />

var input = document.getElementById("username");

或者document.createElement(tag)创建的对象

比如:

var div = document.createElement("div");

或者html代码事件函数中的this

比如：

<input id="username" name="username" type="text"  onchange="check_username(this)"/>

html代码中的onchange="check_username(this)"的this代表input元素的dom对象

jQuery对象

获得jQuery对象的方式

$(selector) ->jQuery对象

Selector是一个字符串

比如:$("#id")

$(dom) ->jQuery对象

dom指dom对象

比如:$(document.getElementById("id"));

$(html) ->jQuery对象

html指html代码的字符串

比如：$('<input id="username" name="username" type="text" />');

jQuery对象和dom对象互转

$(selector)[index]->dom对象

eg.

var jquery_obj=$("#id");

var dom = jquery_obj[0];

$(dom) ->jQuery对象

eg.

var dom = document.getElementById('id');

var jquery_obj=$(dom);