Jquery-的基础知识

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

    $(document).ready(function(){    });    //在文档加载后激活函数、写在最外面
1
2
3
4

---

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

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

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

---

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

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

---

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

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

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

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

---

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

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

---

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

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

---