JQuery小知识点

//get() : 就是把JQ转成原生JS，可以让通过jquery获得元素使用JS的innerHTML方法。

$(function(){

    //document.getElementById('div1').innerHTML
    
    //alert($('#div1_id').get(0).innerHTML );//get()方法返回的是集合，所以即使只有一个也要用下标0；
    
    /*for(var i=0;i<$('li').get().length;i++){
        $('li').get(i).style.background = 'red';
    }*/
    
    for(var i=0;i<$('li').length;i++){
        $('li').get(i).style.background = 'red';
        
        //$('li')[i].style.background = 'red';//jquery中源码的写法，了解清楚jquery的可以使用；
    }

});

innerHTML就是里面的字符按照html标记语言的格式来读取或重置。其实innerHTML不是W3C所支持的，但是各大浏览器提供了它的实现。举例：

<div id = "div1"></div>

下面是js：

var div1 = document.getElementById("div1");

div1.innerHTML = "<span style='color:red'>Hi</span>//重新设置div1html代码。

alert(div1.innerHTML);//取出div1里面的html代码；

还有个innerText属性，这个属性只被ie支持，其实没有必要有这个属性，因为innerHTML完全可以替代它。
div1.innerHTML="Hi";//其实和innerText的效果一样。