var $cr=$("#rc");//jQuery 对象
 var cr=$cr[0];//DOM对象
 alert(cr.checked)//检测checked是否被选中

var $cr=$("#rc");//jQuery 对象
var cr=$cr.get(0);//DOM对象
alert(cr.checked)//检测checked是否被选中

 var  cr=document.getElementById("cr");//DOM对学生
 var $cr=cr.get(0);//jQuery 对象

$(document).ready(function (){//等待dom元素加载完毕
        var  $cr=$('#read');//jQuery对象
        var cr=$cr[0];//DOM对象，或者$cr.get[0]
        $cr.click(function (){
            if(cr.checked){//DOM方式判断
                alert ("感谢你的支出");
            }
        });
    });

$(document).ready(function (){//等待dom元素加载完毕
        var  $cr=$('#read');//jQuery对象
        var cr=$cr[0];//DOM对象，或者$cr.get[0]
        $cr.click(function (){
            if($cr.is(":checked")){//jQuery方式判断
                alert ("感谢你的支出");
            }
        });
    });

var  $j=jQuery.noConflict();//自定义一个快捷方式
    $j(function (){//使用jQuery，利用自定义快捷方式——$j
        $j("p").click(function (){
            alert ("$j(this).text()");
        });
    });

jQuery.noConflict();//将变量的控制权给prototype.js
    jQuery(function ($){//使用jQuery设定页面加载是执行的函数
        $("p").click(function (){//在函数内部继续使用$()方法
            alert ("$(this).text()");
        });
    });

jQuery.noConflict();//将变量的控制权给prototype.js
    (function ($) {//定义匿名函数并设置形参为$
        $(function () {//在匿名函数内部$均为jQuery
            $("p").click(function () {//继续使用$方法
                alert("$(this).text()");
            });
        });
    }());

document.getElementById('tt').style.css='red';

if(document.getElementById("tt")){
document.getElementById("tt").style.color="red";

$('#tt').css("color"."red")；//这里无需判断$('#tt')是否存在

if($("#tt")){
    //do something
}

if($("#tt").length>0){
    //do something
}

if($("#tt")[0]){
    //do something
}

　　 <input type="checkbox" name="check" value="1" checked="checked">
    <input type="checkbox" name="check" value="2">
    <input type="checkbox" name="check" value="3" checked="checked">
    <input type="button" name="checked " value="你选中的个数" id="btn">

var btn = document.getElementById("btn");//获取id为btn的元素(button)
    btn.onclick = function () {//给元素添加onclick事件
        var arrays = new Array();//创建一个数组对象
        var items = document.getElementsByName("check");//获取name为check 的一组元素(checkbox)
        for (i = 0; i < items.length; i++) {//循环这组数据
            if (items[i].checked) {//判断是否选中
                arrays.push(items[i].value);//把符合条件的数据添加到数组中,push()是JavaScript 数组中的方法
            }
        }
        alert("你选中的个数" + arrays.length);
    }

$('prev+next')//选择器与next()方法的等价
$(".one +div"):
$(".one").next("div");

$('prev~siblings')//选择器与nextAlI()方法的等价关系选择器
$("#prev~div");
$("#prev").nextA11("div");

//选取#prev 之后的所有同辈div元素
$("#prev.~div").css("background","#bbffaa");
//同上
$("#prev").nextA11("div").css("background","#bbffaa");
//选取#rev所有的同辈div元素,无论前后位置
$("#prev").siblings("div").css("background"."#bbffaa");

nth- childe选择器是很常用的子元素过滤选择器,详细功能如下。
(1)nth- child(even)能选取每个父元素下的索引值是偶数的元素。
(2) nth-child(od)能选取每个父元素下的索引值是奇数的元素。
(3)mnth- child(2)能选取每个父元素下的索引值等于2的元素
(4)nth- child(3n)能选取每个父元素下的索引值是3的倍数的元素,(n从1开始)。
(5) nth-child3n+1)能选取每个父元素下的索引值是(3n+1)的元素。(n从1开始

<div id="one#">aa</div>//html代码
$('#one\#');//转义字符#

$("div[@title='test']");//错误写法
$("div[title='test']");//正确写法

var $t_a=$(' test :hidden');//带空格的J0uery选择器
var $t_b=s('.test:hidden');//不带空格的J0uery选择器
var len_a= $t_a.length;
var len_b= $t_b.length;
alert("$('.test :hidden')="+len_a);//输出4
alert("$('.test:hidden')="+len_b);//输出3

//html代码
<p title="选择你喜欢的水果">你最喜欢的水果</p>
    <ul>
        <li title="苹果">苹果</li>
        <li title="橘子">橘子</li>
        <li title="菠萝">菠萝</li>
    </ul>

var lis=$('ul li:eq(1)');//获取ul里第二个li节点
var lis_text=lis.text();//获取第二个li元素节点的文本内容
alert (lis_text);//打印文本内容
var p_attr=$("p").attr("title");//获取p元素节点属性title
alert (p_attr);//打印文本内容

　　 var li_1=$("<li></li>");//创建元素节点
    $('ul').append(li_1);//添加到ul中
    var li_2=$('<li>菠萝</li>');//创建带文本的节点
    $('ul').append(li_2);//添加到ul中
    var li_3=$('<li title="菠萝">菠萝</li>');//创建属性节点，title为属性节点
    $('ul').append(li_3);//添加到ul中

　向每一个匹配的元素内容追加内容—— $("p").append("<b>李四</b>");//结果<p>我是<b>李四</b></p>
  $(A).appendTo(B)将A追加到B中——$("<b>李四</b>").appendTo("p");//结果<p>我是<b>李四</b></p>
  向每一个匹配的元素内部前置内容——$("p").prepend("<b>李四</b>");//结果<p><b>李四</b>我是</p>
  $(A).appendTo(B)将A前置B中——$("<b>李四</b>").prependTo("p");//结果<p><b>李四</b>我是</p>
  向每一个匹配的元素之后插入内容——$("p").after("<b>李四</b>");//结果<p>我是</p><b>李四</b>
  $(A).insertAfter(B)将A插入B后面——$("<b>李四</b>").insertAfter("p");//结果<p>我是</p><b>李四</b>
  向每一个匹配的元素之前插入内容——$("p").before("<b>李四</b>");//结果<b>李四</b><p>我是</p>
  $(A).insertBefore(B)将A插入B前面——$("<b>李四</b>").insertBefore("p");//结果<b>李四</b><p>我是</p>

var lis=$('ul li:eq(1)').remove();//删除第二个li
lis.appendTo("ul");//把刚刚删除的添加到ul中
$('ul li:eq(1)').remove().appendTo("ul");//直接写到一行

var lis=$('ul li:eq(1)').detach();//删除第二个li
lis.appendTo("ul");//把刚刚删除的添加到ul中，如果使用remove的话，那么它之前绑定的事件会失效

var lis=$('ul li:eq(1)').empty();//清空li里面的内容，节点还会存在

$('ul li').click(function (){
        $(this).clone (true).appendTo("ul");//复制当前点击的节点，追加到ul中
    });

  $("p").replaceWith("hello");//把p额内容替换为hello
  $("<strong>hello</strong>").replaceAll("p");//注意：当使用replaceAll的时候，前面的要用标签如：strong包裹起来，不然就会被删除

 $("p").wrap("<div></div>");//用div把p包裹起来，单个包裹，一个p一个div
 $("p").wrapAll("<div></div>");//全部包裹
 $("p").wrapInner("<div></div>");//div在p里面，包裹在里面

 $(p).attr("title");//获取p元素节点属性title
 $(p).attr("title","you");//给p元素的title属性设置单个值
 $(p).attr({"title":"you","name":"oso"});//给p元素的title属性设置单多个值
 $(p).removeAttr("title");//删除p元素的title属性

$('p').attr('class');//可以用attr来获取p元素，
$('p').attr('class','font');//用attr来设置值

$('p').addClass('color'); //是追加样式

$('p').removeClass('color').removeClass('font');//可以调用两次
$('p').removeClass()//不带参数会把全部样式移除

$('p').hasClass('color');//等于$('p').is('color');

$('#input').focus(function(){//地址框获取鼠标焦点
            var inputValue=$(this).val();//得到当前文本框的值
            if(inputValue=='请输入邮箱地址'){//判断是否符合，则清空文本框}
                $(this).val('');
            }
        });

$('#input').focus(function(){
            var inputValue=$(this).val();
            if(inputValue==this.defaultValue){
                $(this).val('');
            }
        });

$('#input').blur(function(){
            var inputValue=$(this).val();
            if(inputValue==''){
                $(this).val('请输入邮箱地址');
            }
        });

$('#sel').val(['选择1号'])//选中2号，选择一个可用，可不用数组
$('#sel').val(['选择2号','选择3号']);//以数组的形式赋值
$(':radio').val(['radio1','radio2']);//CheckBox和radio要用数组的形式
$(':checkbox').val(['checkbox1','checkbox2']);

$('p').css({"fontSize":"50px","backgroundColor":"red"})

$('p').height();//获取高度
$('p').height(500);//设置高度
$('p').offset().left;//获取p元素的offsetleft的值，元素必须设置了position为absolute或者relative
$('p').scrollTop()//获取元素的滚动条距顶端的距离

　　$('p').click(function(){
        alert("a")
    });
    $('p').on('click',function(){
        alert("a")
    });
    $('p').bind('click',function(){
        alert("a")
    });