jquery_3

1. 原生JS对象和jQuery对象

利用jQuery选择器获取的对象,只能调用jQuery的方法或者属性

利用原生JS选择器获取的dom对象,只能调用原生JS的方法或者属性

var div1 = document.getElementById('div1');
div1.style.backgroundColor = 'red';

var $div1 = $('#div1');
$div1.css('backgroundColor','red');

2.jQuery对象

jQuery对象虽然有length,但是是一个伪数组,它只是dom对象的一个包装集

var $div1 = $('#div1');
console.log($div1);
console.log($dov1.__proto__ === Array.prototype);

3. dom对象与jQuery对象互相转换

//dom对象转换成jQuery对象
var div1 = document.getElementById('div1');
var $div1 = $(div1);
//jQuery对象转换成dom对象

//使用下标来取
var $divs = $('div');
var div1 = $divs[0];

//使用jQuery的方法 get();
var $divs = $('div');
var div2 = $divs.get(1);