jQuery初识-----1

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                             

 

转载于:https://www.cnblogs.com/ziyanxiaozhu/p/7844589.html