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

var cr = document.getElementById("id");  //dom对象
var $cr = $(cr);   //jQuery对象

var $j = jQuery.noConflict();
$j(function(){
//....
})

$("pp").style.display = "none";

jQuery.noConflict();
jQuery(function($){   //使用jQuery设定页面加载时执行的函数

//...
})
$("pp").style.display = "none";

jQuery.noConflict();
(function($){ //定义匿名函数并设置形参为$
$(function(){  //匿名函数内部的$均为jQuery
//....

})

})(jQuery);  //执行匿名函数且传递实参为jQuery

$("pp").style.display = "none";

if($("#id")){
//do something
}//永远为真

if($("#id")[0]){
//do something
}  //可以通过转换为dom对象判断

if($("#id").length > 0){
//do something
}  //也可以判断元素长度

$(".one+div"); 		$(".one").next("div");

$("#prev~div"); 	$("#prev").nextAll("div"); 

:first  选取第一个元素  $("div:first")   选取所有div元素中的第一个div元素

:last  选取最后一个元素 同理

:not(selector)   去除所有与给定选择器匹配的元素  $("input:not(.myclass)")  选取class不是myclass的input元素

:even 选取索引是偶数的所有元素,索引从0开始  $("input:even")  选取索引是偶数的input元素

:odd  选取索引是奇数的所有元素,索引从0开始 同上

:eq(index)  选取所有等与index的元素(index从0开始)  $("input:eq(1)")  选取索引等于1的input元素

:gt(index)  选取索引大于index的元素(index从0开始) 大于1而不包括1
  
:lt(index)  选取索引小于index的元素(index从0开始)  小于1而不包括1

:header  选取所有的标题元素  $(":header")  选取网页中所有的h1

:animated 选取当前正在执行动画的所有元素  $("div:animated")选取正在执行动画的div元素

:focus  选取当前获取焦点的元素  $(":focus")

:contains(text)  选取含有文本内容为"text"的元素  

:empty  选取不包含子元素或文本的空元素

:has(selector)  选取含有选择器所匹配的元素的元素  $("div:has(p)")选取含有p元素的div元素

:parent 选取含有子元素或者文本的元素   $("div:parent")选取拥有子元素的(包括文本元素)的div元素

:hidden 选取所有不可见的元素

:visible  选取所有可见的元素

[attribute]  选取拥有此属性的元素   $("div[id]")  选取拥有属性id
的元素

[attribute = value]  选取属性的值为value的元素  $("div[title=test]")  选取属性title为test的div元素

[attribute!=value]  选取属性的值不等于value的元素  $("div[title!=test]")  选取属性title不等于test的所有div元素 没有title属性的div元素也会被选取

[attribute^value] 选取属性的值以value开始的元素  $("div[title^=test]")   选取属性title以test开始的元素

[attribute$=value]  选取属性的值以value结束的元素  

[attribtue*=value]  选取属性的值含有value的元素

[attribute|=value] 选取属性等于给定字符串或以该字符串为前缀的元素(该字符串后跟一个连字符-)		$("div[title|="en"]") 选取属性title等于en或以en为前缀(该字符串后跟一个连字符-)的元素

[title~="uk"]   选取属性title用空格分割的值中包含字符uk的元素

[attribute1][attribute2][attributeＮ]  用属性选择器合并成一个符合属性选择器,满足多个条件,每选择一次,缩小一次范围	$("div[id][title$="test"]")选取拥有属性id,并且属性title以test结束的div元素

:nth-child(index/even/odd/equation)		选取每个父元素下的第index个子元素或奇偶元素,(index从1开始)		:eq(index)只匹配一个元素,而:nth-child将为每一个父元素匹配子元素,并且:nth-child(index)的index是从1开始的,而:eq(index)是从0开始



:first-child  选取每个父元素的第一个子元素		:first只返回单个元素.而:first-child选择符合将为每个父元素匹配第一个子元素   例如$("ul li:first-child") 选取每个ul中第一个li元素

:last-child   选取每个父元素的最后一个子元素   $("ul li:last-child") 选择每个ul中最后一个li元素

 :only-child   如果某个元素是他父元素中唯一的子元素,那么将会被匹配.如果父元素中含有其他元素,则不会被匹配   $("ul li:only-child")  在ul中选取是唯一子元素的li元素

:enabled  选取所有可用元素 		$("#form1:enable")选取id为form1的表单内的所有可用元素

:disabled		选取所有不可用元素				$("#form1:enable")选取id为form1的表单内的所有不可用元素

:checked		选取所有被选中的元素(单选框,复选框) 		$("input:checked")选取所有被选中的input元素

:selected   选取所有被选中的选项元素(下拉列表)		$("select option:selected");	选取所有被选中的选项元素

:input 选取所有的input,textarea,select,button元素

:text  选取所有的type="text"的input元素

:password 选取所有的密码框

:radio 选取所有的单选框

:checkbox 选取所有的复选框

:submit  选取所有的type="submit"的input 和button元素

:image  选取所有的type="image"的input元素

:reset 选取所有的type="reset"的input 和button元素

:button 选取所有的按钮

:file 选择 type="file" 的 <input> 元素

$('.test :hidden')  //这种写法虽然不会报错,但与不带空格选中的元素不同

var $para = $("p");

var ptext = $para.attr("title");  //获取p元素节点属性title

var  $li = $("<li></li>");//创建一个li元素

$("ul").append($li); //添加到ul节点中

var $lit = $("<li id="s">yuansu</li>") //创建属性节点,可以直接在创建元素的时候一起创建

append()向每个匹配的元素内部追加内容

appendTo()  将所有匹配的元素追加到指定的元素中

prepend()  向每个匹配的元素内部前置内容

prependTo() 将所有匹配的元素前置到指定的元素中

after()   在每个匹配的元素之后插入内容

insertAfter()  将所有匹配的元素插入到指定元素后面

before() 在每个匹配的元素之前插入内容

insertBefore() 将所有匹配的元素插入到指定的元素的前面

var $li = $("ul li:eq(1)").remove(); 
$li.appendTo("ul")   //把刚刚删除的节点添加到ul节点中

$(this).clone(true)

$('p').replaceWith("<strong></strong>")

$("<strong></strong>").replaceAll('p');

<strong>1</strong>
<strong>2</strong>

$('strong').warpAll('<b></b>')

<b>
	<strong>1</strong>
	<strong>2</strong>
</b>

<strong>1111</strong>

$('strong').warpInner('<b></b>')

<strong><b>1111</b></strong>

<strong title="s"></strong>

$('strong').attr('title');  //s

$('strong').remove('title');  //<strong></strong>

$('strong').attr('class','high');  //将strong的title属性设置为high,不可设置未设置属性的值

$(selector).toggle(speed,callback,switch)

speed

在设置速度的情况下，元素从可见到隐藏的过程中，会逐渐地改变其高度、宽度、外边距、内边距和透明度。
如果设置此参数，则无法使用 switch 参数。

callback

可选。toggle 函数执行完之后，要执行的函数。
除非设置了 speed 参数，否则不能设置该参数。

switch

可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素。
True - 显示所有元素
False - 隐藏所有元素
如果设置此参数，则无法使用 speed 和 callback 参数。

$('p').is(".another");

offset().left  //获取左偏移

offset().top  //获取上偏移

$(function(){})

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

     $(function(){
        $('.head').bind("click",function(){
            $(this).next().toggle(500);
        })
     })

     $(function(){
        $('.head').click(function(){
            $(this).next().toggle(500);
        })
     })

$(function(){
    $('div').bind("mouseover click",function(){
        //do something
    })
})

     $(function(){
        $('.head').bind("click.pl",function(){
            $(this).next().toggle(500);
        })
		$('.head').bind("mouseover.pl",function(){
        //do something
        })
        $('.content').click(function(){
            $('.head').unbind(".pl");
        })
     })

     $(function(){
        $('.head').bind("click.pl",function(){
            $(this).next().toggle(500);
        })
		$('.head').bind("click",function(){
        //do something
        })
        $('.content').click(function(){
            $('.head').unbind("click!");//注意!
        })
     })

$(function(){
       $('.head').hover(function(){
        $(this).next().show();
       },function(){
        $(this).next().hide();
       });
     })

     $(function(){
        $('.head').click(function(){
            $(this).next().toggle(100);
        })
     })

     $(function(){
        $('.btn').bind("click",fn1 = function(){
            //do something
        }).bind("click",fn2 = function(){
            // do something
        })
        $('.two').click(function(){
            $('.btn').unbind('click',fn1); //删除绑定事件1
        })
     })

     $(function(){
        $('.head').click(function(){
            $(this).next().toggle(500);
        })
        $('.head').trigger('click');
     }) 第二个参数为可选参数,传递需要传递的数据

    $(function(){
        $('.head').bind("myfn",function(event,message1,message2){
            $(this).next().append("<p>"+message1+message2+"</p>");
        })
        $('.head').trigger('myfn',["my","function"]);
    }) trigger也可以执行默认操作


$(this).trigger("focus");//让元素得到焦点