{HTML5}基础核心-第二节-中

​三．对象互换

jQuery 对象虽然是 jQuery 库独有的对象，但它也是通过 JavaScript 进行封装而来的。可以直接输出来得到它的信息。

alert($);         //jQuery 对象方法内部

alert($());

      // jQuery 对象返回的对象object，还是 jQuery

alert($('#box'));

 //包裹 ID

元素返回对象，还是 jQuery

alert($(“#box”)).css(“color”,”red”);

//返回jQuery对象

从上面三组代码发现：只要使用了包裹后，最终返回的都是 jQuery 对象。这样的好处显而易见，就是可以连缀处理。

alert($(“#box”)).css(“color”,”red”).css(“font-size”,”20px”);

但有时，也需要返回原生的 DOM 对象，比如：

alert(document.getElementById('box'));

   //[object HTMLDivElement]

jQuery 想要达到获取原生的 DOM 对象，可以这么处理：

alert($('#box').get(0));

  //ID 元素的第一个原生 DOM,0下标为第一个元素

从上面

get(0)，这里的索引看出，jQuery 是可以进行批量处理 DOM 的，这样可以在很多需要循环遍历的处理上更加得心应手。