jQuery小记

---

1. jQuery:
   jQuery库可以通过一行简单的标记被添加到网页中
2. 什么是jQuery:
   jQuery是一个JavaScript函数库
3. jQuery库包含的功能:
   HTML元素选取
   HTML元素操作
   CSS操作
   HTML事件函数
   JavaScript特效和动画
   HTML DOM遍历和修改
   AJAX
   Utilities
4. 在网页中添加jQuery
   1): 从jQuery.com 下载jQuery库
   2): 从CDN中载入jQuery库
5. 版本介绍
   v1.11.1: 1.x 支持IE6+
   v2.1.1： 2.x 支持IE9+
6. jQuery语法
   基本语法: $(select).action() 美元符号$ 定义jQuery
   选择符(select) “查询”和”查找”HTML元素
   jQuery的action()执行对元素的操作
   例如:
   $(this).hide() - 隐藏当前元素$(“p”).hide() - 隐藏所有段落
   $(document).ready(function(0{
   alert(“文档加载完毕！”);
   });
7. jQuery选择器
   $(“button”).click(function(){$(“p”).text(“p元素被改变了”); //
   $(“#pid”).text(“p元素被改变了”);//$(“.pclass”).text(“p元素被改变了”);//
   });
8. jQuery事件
   常用事件方法
   绑定事件
   解除绑定事件
   事件的目标
   事件的冒泡
   自定义事件
   9.绑定事件
   //$(“button”).click(function(){ //$(“button”).dblclick(function(){
   //$(“button”).mouseenter(function(){$(“button”).mouseleave(function(){
   $(this).hide();
   });

9. 解除绑定事件
   $(“Btn”).bind(“click”,clickHander1);//$(“Btn”).bind(“click”,clickHander2);//绑定了两个事件
   $(“Btn”).unbind(“click”,clickHander1);//若后面不加参数，则两个都解除绑定，

   $(“Btn”).on(“click”,clickHander1);//一定要在jQuery1.7 后才可以使用！！！$(“Btn”).on(“click”,clickHander2);//
   $(“Btn”).off(“click”,clickHander1);//

10. 事件之自定义事件
    var clickMeBtn;//
    $(document)ready(function(){ clickMeBtn =$(“#clickMeBtn”);
    clickMeBtn.click(function(){
    var e = jQuery.Event(“MyEvent”);
    clickMeBtn.trigger(e);//
    });

    clickMeBtn.bind("MyEvent",function(){
        console.log(event);
    });
    

    });
    12 jQuery 效果
    12.1 隐藏与显示