Jquery选择器不适用于将dom元素分配给变量

前端之家收集整理的这篇文章主要介绍了Jquery选择器不适用于将dom元素分配给变量前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个程序分配一个变量为:
var theList = document.getElementById('theList');

它使用jquery,但如果我这样写:

var theList = $('#theList');

使用该变量的函数不起作用.

jquery选择器和使用getElementById之间的区别是什么?

解决方法

document.getElementById返回一个本机DOM元素对象,可直接访问该节点的属性.

jQuery函数代替返回“jQuery集合”,即一个jQuery对象,其中包含一组相关的函数/插件等,它们像DOM数组一样.

用来告诉前者的通用惯例是将包含后者的变量前缀为$:

要从jQuery集合中将单个元素提取为DOM节点,请使用.get(n)或[n].

var $theList = $('#theList');   // jQuery collection
var theList = $theList[0];      // DOM node
var theList = $theList.get(0);  // also a DOM node

属性属性访问取决于您是否有jQuery集合:

var id = $theList.attr('id');   // jQuery function
var id = theList.id;            // native property

猜你在找的jQuery相关文章