jQuery - 基础知识 -

1、jQuery 事件 - ready() 方法
定义：在文档加载后激活函数

    $(document).ready(function(){

    });
    //在文档加载后激活函数、写在最外面

---

2、jQuery 事件 - on() 方法
定义：被选中の元素添加一个或多个事件

    $("p").on("click",function(){
         alert("段落被点击")       
    });
    //"p"元素  添加一个点击事件

提示：如需添加事件处理程序，请使用 on() 方法。
提示：如需移除事件处理程序，请使用 off() 方法。
提示：如需添加只运行一次的事件然后移除，请使用 one() 方法。

---

3、jQuery 事件 - stop() 方法
定义：stop() 方法为被选元素停止当前正在运行的动画。

    $("#stop").click(function(){
        $("div").stop();//停止当前正在运行的动画
    });

---

4、jQuery 事件 - siblings() 方法
定义：被选元素的所有同胞元素

$(function(){
    $("li").click(function() {
        $(this).addClass('red');    // 设置被点击元素为红色
        $(this).siblings('li').removeClass('red'); // 去除所有同胞元素的红色样式
    })
})

提示：addClass() 方法向被选元素添加一个或多个类。
提示：removeClass() 方法从被选元素移除一个或多个类。

    .cur{color:red;}
    /* 这个css样式就是一个类 */
    /* addClass("cur") 、removeClass("cur")  */

---

5、jQuery 事件 - removeAttr() 方法
定义：removeAttr() 方法从被选元素中移除属性

    $("button").click(function(){
        $("p").removeAttr("id");
    });
    //从任何 p 元素中移除 id 属性

---

jQuery 事件 - attr() 方法
定义：返回被选元素的属性值

    $("button").click(function(){
      $("img").attr("width","180");
    });
    //改变图像的 width 属性

---