jquery再学习（1）

一：jquery对象和js的dom对象相互转化

html代码

<ul>
    <li class="sxf" name="dd">第一</li>
    <li class="sxf" name="dd">第二</li>
    <li class="sxf" name="dd">第三</li>
    <li class="sxf" name="dd">第四</li>
</ul>
<input type="button" value="测试" onclick="test();">

js代码

function test(){
    //jquery对象（类数组）
    var $li=$(".sxf");
    alert($li.length);//4
    //jquery-->dom对象（下标从0开始）
    var li=$li[0];
    alert(li.innerHTML);//第一
    //jquery-->dom对象（下标从0开始）
    var lid=$li.get(1);
    alert(lid.innerHTML);//第二
    
    //dom对象(数组)
    var dli=document.getElementsByName("dd");
    alert(dli.length);//4
    //dom--->jquery对象（下标从0开始）
    var $ld=$(dli[2]);
    alert($ld.html());//第三
    //dom--->jquery对象 （默认情况把数组中第一个元素转化成jquery对象）
    var $ads=$(dli);
    alert($ads.html());//第一
    
}

 二：jquery的readay事件和window的load事件区别

$(document).readay(function(){ //所有执行代码})；

$(function(){//所有执行代码});

window.onload=function(){//所有执行代码};

---->页面加载渲染顺序
    （1）解析html结构
    （2）加载外部脚本和样式表文件
    （3）解析并执行脚本代码
    （4）构造html dom模型
    （5）加载图片等外部文件
    （6）页面加载完毕
--->juqery的reday事件会在（4）构造html dom模型完成后被激活
--->load事件会在（5）加载图片等外部文件完成后被激活。
--->reday事件在一个页面内可以写多个。都能执行
--->load事件在一个页面内只可以写一个。如果写多个，执行最后一个，前边的失效。