二、JQuery对象和DOM的转换
$(function(){
??? ??? //目前是一个javascript的对象,对于该对象而言,无法使用jquery的方法
??? ??? var hello = document.getElementById("hello");
??? ??? //是js的对象,不能使用jquery的方法
??? ??? // hello.css("color","#f00");
??? ??? //使用$(xx)就可以把xx这个节点封装为jquery的节点
??? ??? $(hello).css("color","#f00");
??? ??? //每一个jquery节点都是一个数组,只要取出数组中的值,这个值就是js的节点,就只能用js的方法
??? ??? //当转换为js节点之后,就无法使用jquery的方法,如果要使用jquery的方法在通过$()进行封装就可以了
??? ??? ($("li.abc")[0]).innerHTML = "abccdd";
??? ??? var lis = $("#hello ul li");
??? ??? for(var i=0;i<lis.length;i++) {
??? ??? ??? //目前的li是js的节点
??? ??? ??? var li = lis[i];
??? ??? ??? // li.innerHTML = "["+(i+1)+"]"+li.innerHTML;
??? ??? ??? //$(li)就变成了JQuery节点
??? ??? ??? //xx.html()读取内容,xx.html("abc"):把节点的内容完成替换
??? ??? ??? $(li).html((i+1)+"."+$(li).html());
??? ??? }
??? });