Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

jQuery 对象与DOM 原生对象 #22

Open
incuisting opened this issue Sep 7, 2017 · 0 comments
Open

jQuery 对象与DOM 原生对象 #22

incuisting opened this issue Sep 7, 2017 · 0 comments

Comments

@incuisting
Copy link
Owner

区别---两个对象完全不同

  1. jQuery选择器得到的jQuery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型,两者不等价。jQuery相当于在原生dom对象的外面又做了封装。
  2. 由于jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法。同理DOM也不可以使用jQuery的方法。

如何转化:
DOM对象转jQuery对象
对于DOM对象,只需用 $() 把DOM对象包装起来,就可得到jQuery对象

var dom =document.getElementById("id");  // DOM对象
 
var $dom = $(dom);  // jQuery对象

jQuery对象转成DOM对象:
有两种方法 [index] 和 .get(index)

  1. jQuery对象是一个数据对象,通过 [index] 的方法
var $dom = $("#id") ;  // jQuery对象
var dom = $dom [0];   // DOM对象
  1. jQuery提供方法,通过 .get(index) 方法
var $dom = $("#id");       // jQuery对象
var dom = $dom.get(0); // DOM对象
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant