1,jQuery 是一个JavaScrip的函数库,,主要是对JavaScript进行封装,它可以使JS更简洁,使用更方便,,它在底层封装了浏览器的兼容问题,所以不用担心浏览器是否兼容的问题
2,jQuery 库包含的功能:
HTML元素选取 操作
css操作
HTML事件函数;
JavaScript特效和动画
HTML DOM 便利和修改;
AJAX; //在不刷新页面的同时,修改掉页面的内容,将服务器请求内容显示在页面上.
Utilities; //提供的工具类
3,jQuery 语法
基础语法:$(selector).action()
$ 美元符 定义jQuery;
选择符(selector) "查询"和"查找"HTML 元素;
JQuery 的 action() 执行对元素的操作;
eg. $(this).hide() -- 隐藏当前元素;
$("p").hide() --隐藏所有段落;
4. .on(.lind) 绑定事件 ; .off(.unbind)解除绑定事件
在文档特别大,事件特别多,要书写的代码特别庞大时,通常会非常消耗内存,
所以采用绑定事件和解除绑定时间来写代码
注:一个解除绑定事件可以解除所有绑定事件
1 $(document).ready(function(){ 2 //$("#c123").click(functon(){ 3 //alert("hello"); 4 // }) 5 //上面这种是 原本的方法. 6 $("#c123").bind("click",c1); 7 $("#c123").on("click",c2); //绑定的两种方式, 8 //一个上面可以有两种点击效果 9 10 $("#c123").off("click"); // 解除全部绑定 11 $("#c123").unbind("click",c2); // 解除c2的绑定 12 13 }); 14 //下面是分别调用的函数,解除绑定不用任何函数.一个绑定一个函数 15 function c1(e){ 16 console.log("c1") 17 } 18 19 function c2(e){ 20 console.log("c2") 21 } 22