<script src="jquery-1.12.2.js"></script>

<script>

    // 第一种：

    $(document).ready(function (){

         // jQuery代码

    });

    //第二种：

    $(function (){

        // jQuery代码

    });

</script>

// 基本选择器

$('#btn')     //id

$('div')     //标签

$('.className')   //类

$('li.green')   //交集

$('div,span')   //并集

层级选择器

$('#father>p')    //子代选择器

$('#father p')    //后代选择器

// 过滤选择器：

$('li:even')    // 获取下标为偶数

$('li:odd')        // 获取下标为奇数

$('li:first')    // 获取第一个

$('li:last')    // 获取最后一个

$('li:eq(index)')    // 指定下标

$('li:gt(index)')    // 大于下标

$('li:lt(index)')    // 小于下标

// 以下是方法

// 筛选选择器

children(selector)  //子类选择器

find(selector)            // 后代选择器

siblings(selector)    // 查找兄弟节点，不包括自己本身。

parent()                // 查找父亲

eq(index)        // 找指定下标,index从0开始

next()        // 找下一个兄弟

prev()        // 找上一次兄弟

$(“ul”).children(“li”)相当于$(“ul>li”)，

$(“ul”).find(“li”);相当于$(“ul li”),

$(“#first”).siblings(“li”);

$(“#first”).parent();

$(“li”).eq();相当于$(“li:eq()”),

$(“li”).next()

$(“li”).prev()

// 设置一个样式属性值

$('div').css(name, val);

// 设置多个样式属性值

$('div').css({name1: val1, name2: val2})

// 获取样式值,return: val

$('div').css(name)  

.addClass(name)        // 添加一个类(不会删除之前的类)

.removeClass(name)    // 移除类

.hasClass(name)        // 判断有没有这个类，返回值为boolean值

.toggleClass(name)    // 有则删除，无则创建。(如果有这个类的话就删除，没有这个类的话就添加)

// atrr可以设置自定义属性

.attr(name, val)     // 设置单个属性值

.attr({name1: val1, name2: val2})    // 设置多个属性值

.attr(name)        // 获取属性值