jquery从入门到转行

1. 下载安装

下载地址
分开发版和生产版，自己写用开发板，上线用生产版（带min为生产版）
丢在js文件夹script引入就行了

2.api文档

中文api文档

3.语法使用

 <div>1
        <span></span>
    </div>
    <div>2</div>
    <div class="demo">3</div>
    <div>4</div>
    <div>5</div>
    <script>
        console.log($("div"))
        console.log($("div").get(0))
        console.log($("div").eq(0))
        console.log($("div").find("span"))
        console.log($("div").filter(".demo"))
        console.log($("div").not(".demo"))
        console.log($("div").has("span"))
        console.log($("div").is(".demo"))
        console.log($("div span").add(".demo"))
        console.log($("div span").add(".demo").end())
    </script>

• $(ele)万能选择器

$("div")

• get(num)取匹配元素中的第num个

$("div").get(0)

• eq(num)取匹配元素中的第num个

 $("div").eq(0)

• find(ele)找他的儿子ele

        $("div").find("span")

• filter(ele)找带有ele的

        console.log($("div").filter(".demo"))

• not(ele)不找带有ele的

        console.log($("div").not(".demo"))

• has(ele)儿子有叫ele的

        console.log($("div").has("span"))

• is(ele)判断的

    console.log($("div").is(".demo"))

• add(ele)在匹配的元素后面加ele

        console.log($("div span").add(".demo"))

• end()回退

        console.log($("div span").add(".demo").end())