• 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                             
  • 相关阅读:
    2018年全国多校算法寒假训练营练习比赛(第四场)
    STL中的map
    java异常处理
    过滤器与监听器原理详解
    cookie和session机制区别
    servlet运行原理
    $.ajax相关用法
    jdk源码库
    Tomcat 系统架构与设计模式,第 1 部分: 工作原理
    Tomcat源码分析(二)------ 一次完整请求的里里外外
  • 原文地址:https://www.cnblogs.com/ziyanxiaozhu/p/7844589.html
Copyright © 2020-2023  润新知