当前位置: 首页 > news >正文

【jquery详细讲解】

(一)、什么是jQuery 
    jQuery 是对javascript的一种封装--js的函数库。
    用于客户端的开发,由美国人在2001年1月推出。

(二)、jQuery 与javascript的区别:
1、本质上的区别: 
    jQuery是一个函数库,基于js语言编写出来的框架,实质上还是属于js。
2、代码书写不同, jq更简单。
3、使用方法不同:
    使用jQuery和javascript 分别加载DOM, js只执行一次,jq可以执行多次。
4、获取class的方法不同。
    js没有默认的获取方式,jq可以通过$(".类名")来获取

(三)、jQuery的优势: 
    a , 轻量级  
    b, 对浏览器的兼容性好   
    c, 强大的选择器 
    d, 完善的ajax 
    e, 丰富的API文档和插件等

(四)、熟悉使用jQuery
        1、首先获取相关的js文件                      官网,百度(已提供)
           最新版: 3.3.1几    常用参考API
    * jquery-xxx.js 与 jquery-xxx.min.js区别:
        1). jquery-xxx.js:开发版本。给程序员看的,有良好的缩进和注释。体积大一些
        2). jquery-xxx.min.js:生产版本。没有缩进。体积小一些。程序加载更快

        2、引用 在页面上引用js文件
        3、基本使用语法:    $("选择器名").操作
        4、jQuery的文档就绪(加载)三种写法:
           $(document).ready(function(){
     选择对象进行操作
           });

           $().ready(function(){              
                 选择对象进行操作
           });

           $(function(){             // 此方法最简洁
    选择对象进行操作
           }); 

(五)、window.onload  和 $(function) 区别
      * window.onload 只能定义一次,如果定义多次,后边的会将前边的覆盖掉
      * $(function)可以定义多次的。 

(六)、五、掌握jQuery对象与DOM对象的异同

        什么是jQuery对象?  
    通过jQuery包装DOM(文档)对象后产生的对象,凡是在$("")中的都属于jQuery对象。
        什么是DOM对象?
    页面中元素的集合就是文档对象。

         注意1:
    jQuery对象与文档对象不能混合使用。
    jQuery对象不能使用文档对象的属性及方法,同理文档对象也是。

         注意2: DOM(文档)对象与jQuery对象是可以相互转换的
    a、 js-jq
        在dom对象的最外层用$()进行包裹即可。
    b、jq-js
        先获取jq对象:   var $jq=$("选择器名");
       

http://www.dtcms.com/a/288068.html

相关文章:

  • Vue Swiper组件
  • Vue组件化开发小案例
  • 在开发板tmp目录下传输文件很快的原因和注意事项:重启开发板会清空tmp文件夹,记得复制文件到其他地方命令如下(cp 文件所在路径 文件要复制到的路径—)
  • GitLab 社区版 10.8.4 安装、汉化与使用教程
  • GPU集群如何规划
  • 子串算法题
  • Web攻防-身份验证篇JWT令牌空密钥未签名密钥爆破JWKJWUKID算法替换CVE报告复盘
  • 在Vscode中使用Kimi K2模型:实践指南,三分钟生成个小游戏
  • TypeScript 中的「类」:从语法到实战的完整指南
  • 论C/C++的条件编译#if、#ifdef、#ifndef、#undef
  • Promise入门
  • 三级知识点汇总(详解)【c++】——2
  • 我用Cursor,1周上线了一个虚拟资料流量主小程序技术选型
  • Linux“一切皆文件“设计哲学 与 Linux文件抽象层:struct file与file_operations的架构解析
  • 【ChatOpenAI】常用方法详解
  • HOT100——动态规划篇Leetcode221. 最大正方形
  • C++ std::thread线程类 相关问题、函数总结
  • 单调队列深度解析(下)
  • 如何解决 ‘NoneType‘ object has no attribute ‘get‘问题
  • GA-BP遗传算法优化BP神经网络数据生成,采用SVM分类模型评估
  • LM317 芯片推荐电路中保护二极管工作原理
  • 教育科技内容平台的用户定位与产品方案:从需求到解决方案的精准匹配
  • prometheus UI 和node_exporter节点图形化Grafana
  • GaussDB 数据库架构师修炼(六) 集群工具管理-1
  • 农经权二轮延包—批量出图片
  • 了解.NET Core状态管理:优化技巧与常见问题解决方案
  • 第4章 数据的排序、筛选和分类汇总
  • 金融系统AIGC能力中心赋能实战指南
  • 告别 T+1!解密金融级实时数据平台的构建与实践
  • RK3568 Linux驱动学习——SDK安装编译