window.onload

$(function(){});   $(document).ready(function(){});

只执行函数体重的最后一个方法，事件

依次执行函数体中的所有方法，事件

jQuery对象

DOM对象

$("#food").html();

document.getElementById("food").inerHTML;

JQ->DOM

1，[index]  : var $src = $("#id").[0];

2,  get(index)  :  var cr = $("#id").get(0);

DOM->JQ

1,$()

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

var $cr = $(cr);

$("#id").css("color", "red");

$(".class").css("color", "red");

$("div").css("color", "red");

$("*").css("color", "red");

$("span #id").css("color", "red");

$("ancester descendant")

$("parent > child")

$("prev + next")

$("prev ~ sibling")

祖先 子孙

父母 孩子

同胞

兄弟

:first   :last   :not(selector)  :even   :odd   :eq(index)   :header

:animated   :focus   :gt(index)    :lt(index)

:contains(text)   :empty  :has(selector)  :parent

:hidden  :visible

[attribute]   [attribute=value]  !=(不等于)  ^=(以..开头)  $=(以..结束)  *=(含有..)

:enabled  :disabled  :checked  :selected

:input  :text  :password  :radio :checkbox  :submit  :image  :reset

:file   :hidden

var $li = $("<li></li>");

$li.appendTo("ul");

var $li = $("<li>你好你好你好</li>");

$li.appendTo("ul");

var $li = $("<li class= "hello" title= "nihao">你好你好你好</li>");

$li.appendTo("ul");

1  var li = $("ul li:eq(1)");

var $li_text = $li.text();

2   var $para = $("p");

var $a = $para.attr("title");

1 remove()  2 detach()  3 empty()

1 replaceWith()  2 replaceAll()

$("#id").replaceWith("里面填写html代码")；

$("里面填写html代码").replaceAll("#id")；

1 wrap()  2 wrapAll()   3 wrapInner()

var offset = #("p").offset();

var left = offset.left;

var top = offset.top;

var position = #("p").position();

var left = position.left;

var top = position.top;

var $p = $("p");

var scrollTop = $p.scrollTop();

var scrollLeft = $p.scrollLeft();

$(document).ready(function())

$(document).load(function)

DOM就绪时执行

加载完毕后执行

ready()

hover()

hover(enter, leave);  用法如下

$(function(){

$(this).show();

}, function(){

$(this).hide();

})

toggle()

toggle(fn1, fn2, fn3, fn4...fnN)

切换元素的可见状态：（如下）

$("#id").click(function(){

$(this).next().toggle();

})

fadeIn()

slideUp()

animate()

fadeOut()

slideDown()

animate({left : "+50px"},400)

$comment.height($comment.height()+50);

动画效果如下：

$comment.animate({height: "+50"},400);

attr("checked", true/false);

each(function(){this.checked = !this.checked});

var $options = $("#selected1 option :selected");

$options.appendTo("#selected2")

$("#form :input").blur(function(){

.....

})

var hasselected = $(this).hasClass("selected");

$(this)[hasselected? "removeClass" : "addClass"]("selected");

$("table tbody tr").hide();

filter("contains("li")").show();

$(function(){

$("#search").click(function(){

$("table tbody tr").hide();

filter(":contains("+$(this).val()+")").show();

});

});

$.ajax()

load()

$.get()  $.post()

$getScript()  $getJson()