jQuery基本使用

1.等待Dom元素加载完毕

$(document).ready(function(){

});

简写

$(function(){

});

2.链式操作风格

1)同一对象不超过3个操作的,可以写成一行

    $("li").show().unblind("click");

2)同一对象的较多操作,建议每行写一个

    $(this).removeClass("mouseout")

        .addClass("mouseovdr")

        .fadeTo("fast",1);

3)对于多个对象的少量操作,可以每个对象写一行

    $(this).addClass("highlight")

        .children("li").show().end();

3.DOM对象和jQuery对象

1)DOM,文档对象模型,每一份DOM都可以表示成一棵树

    <h3>例子</h3>

    <ul>

        <li>苹果</li>

        <li>橘子</li>

    </ul>

    在DOM树中,<h3>,<p>,<ul>及<li>子节点都是DOM元素的节点,通过JS中的getElementById等获取元素节点得到的DOM元素就是DOM对象.

    var domObj = document.getElementById("id");

    var objHTML = domObj.innerHTML;

2)jQuery对象,通过jQuery包装DOM对象后产生的对象

    var jqueryObj = $("#id");

    jqueryObj.html();

3)jQuery对象中无法使用DOM对象的任何方法,例如$("#id").innerHTML和$("#id").checked等

    可以用$("#id").html()和$("#id").attr("checked")来替代.

同样,DOM对象也不能使用jQuery中的方法.

4.jQuery对象和DOM对象相互转换

1)jQuery对象转DOM对象

    jQuery提供两种方法将一个jQuery对象转成DOM对象,即[index]和get(index)

    jQuery对象是一个类似数组的对象,可以通过[index]方法得到相应的DOM对象

    var $cr = $("#cr")[0];    //jQuery对象

    var cr = $cr[0];

    var cr = $cr.get(0);

2)DOM对象转jQuery对象

    对于一个DOM对象,只需要用$()把DOM对象包装起来,就可以得到jQuery对象了.

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

    var $cr = $(cr);

3)is(":checked"),判断jQuery对象是否被选中

    $("#cr").is(":checked")

来源张永光的博客