jquery 函数的3种用法

<ul>
    <li id="btn1">1</li>
    <li>2</li>
    <li class="green">3</li>
    <li class="green">4</li>
    <li>5</li>
</ul>
<div class="green">1</div>
<div class="green">1</div>
<div class="green">1</div>
<script src="jquery-1.12.4.js"></script>
<script>
    //$其实就是一个函数，用$的时候记得跟小括号 $()
    //参数不同，功能就不同
    //3种用法

    //1:参数是一个function，入口函数
    $(function () {

    });

    //2:把dom对象转换成jquery对象
    $(document).ready(function () {

    });

    //3:参数是一个字符串，用来找对象
    $("div");//标签选择器
    $("#btn1");//id选择器
    $(".current");//类选择器

    //jq如何设置样式     css(name,value)
    $("#btn1").css("backgroundColor","red");


    //基本选择器
    //$("#btn1").css("backgroundColor","red");id选择器
    //$(".green").css("backgroundColor","green");类选择器
    //$("li").css("color","pink");标签选择器
    //$("s1,s2");并集选择器
    //$("s1 s2");后代选择器
    //$("s1>s2");子代选择器
    //$("s1s2");交集选择器
    //并集 交集
    //$("#btn1,.green").css("backgroundColor","hotpink");
    //只想选择li中改变背景颜色
    //$("li.green").css("backgroundColor","red");


    //过滤选择器
    // :odd  奇数   :even 偶数    :eq 指定下标
    // :first 第一个元素    :last 最后一个元素
    // :gt  index 大于 3 的元素     :lt  index 小于 3 的元素


    //筛选选择器
    // children():找儿子
    // find():找后代
    // parent();找父亲
    // siblings():找兄弟 不包括自己
    // next:上一个兄弟
    // prev():下一个兄弟
    // eq():指定下标


    //index():返回的当前元素在所有兄弟里面的索引