jQuery 对象

// 使用核心dom获取的元素是dom对象

//之能使用核心dom的API

var p1 = document.getElementById(“p1”);

p1.innerHTML = “我是核心DOM的方法”;

// 使用 jquery 函数库的API，只能使用jquery对象的api

var p2 = document.getElementById(“p2”); // dom对象

p2 = jQuery(p2); // 将dom对象封装为jquery对象

p2.html(“我是jquery函数库中的方法！”) // 可以使用

- $( domObj )

我是p1元素

我是p2元素

2.使用选择器查找 DOM 元素，并封装 DOM 元素。

-  jQuery( “selecter” )

-  $( “select” )

我是p1元素

我是p2元素

我是p3元素

课堂练习

分别使用核心dom 和 jquery 方法修改div中文本的颜色

jQuery 对象 和 DOM 对象之间的相互转换

DOM 对象封装为 jQuery 对象 （DOM => jQuery ）

- jQuery（domObj）

- $（domObj）

• 如：$(this)、$( document )、   $( window )

我是btn1

我是btn2

jQuery 对象拆解为 DOM 对象 （jQuery => DOM）

- $( “.mybox” )[0]

- $( “input” ).get(1)

我是btn1

我是btn2