关于jQuery

目录

1.什么是jquery？

2.代码风格

3.加载模式

   3.1 window.onload

   3.2 $(document).ready(function(){});

4.选择器

---

1.什么是jquery？

jQuery是一个javascript类库，通过封装原生的JavaScript函数从而得到一套完整的方法。

2.代码风格

    1.1$(function(){})    匿名函数的执行
    1.2 $("#div1")    选取元素
    1.3 $("#div1").css('color','red')
    $==jQuery    js封装好的一个对象

3.加载模式

   3.1 window.onload

        全部资源加载完毕
        只能执行一次，会覆盖前边的
        不能简写

   3.2 $(document).ready(function(){});

        DOM结构加载完毕
        可多次执行
        可简写$(function(){});

4.选择器

    最核心  选择器引擎   继承了css的语法，可以对DOM元素的标签名，属性名，状态等进行快速准确的选择
    使用
        id     #div1
        标签名   div
        class    .div1
        后代选择器
           1. header div
            2.$("header div")等价于$("header").find("div")
        子代选择器    header>div
            1.IE6不支持
            2. $("header>div")等价于$("header").children('p')
        第一个      :first
        最后一个     :last
        所有偶数     :even
        所有奇数      :odd
        根据下标进行选择    :eq(n)
        根据属性进行选择     [title]
    拓展：容错功能   很多情况下动态DOM生成会有问题
    拓展：选择器复杂度   选择器越复杂，字符串解析越慢