当前位置: 首页> 娱乐> 影视 > JavaWeb系列十六: jQuery初步入门

JavaWeb系列十六: jQuery初步入门

时间:2025/7/9 7:47:29来源:https://blog.csdn.net/qq_18817831/article/details/139919315 浏览次数:0次

跟老韩-JavaScript开发利器之jQuery

    • 1.1 原理示意图
    • 1.2 快速入门
    • 1.2 什么是jquery对象
    • 1.3 dom对象转jQuery对象
    • 1.4 jQuery对象转dom对象

在这里插入图片描述

  1. jQuery是一个快速的, 简洁的javaScript库, 使用户能更方便地处理HTML, css, dom…
  2. 提供方法, events, 选择器, 并且方便地为网站提供AJAX交互
  3. 其宗旨是-WRITE LESS, DO MORE, 写更少的代码, 做更多的事情
  4. jQuery实现了浏览器的兼容问题

1.1 原理示意图

在这里插入图片描述

1.2 快速入门

  1. 下载: https://jquery.com/download/, jquery就是一个JS库. jQuery作者在原生的JavaScript基础上, 封装好的方法, 对象等.
  1. Download the compressed, production jQuery 3.6.4, 就是压缩过的
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  2. Download the uncompressed, development jQuery 3.6.4, 是没有压缩过的
    在这里插入图片描述
    在这里插入图片描述
  1. 新建JavaScript项目
  1. 选择JavaScript
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

1.2 什么是jquery对象

  1. jQuery对象就是对DOM对象进行包装后产生的对象
  • 比如: $(“#test”).html() 意思是指: 获取id为test的元素内的html代码. 其中html()是jQuery里的方法
  • 这段代码等同于用DOM实现代码:
    document.getElementById(“id”).innerHTML;
  1. jQuery对象是jQuery独有的. 如果一个对象是jQuery对象, 那么它就可以使用jQuery里的方法: $(“#id”).html();
  2. 约定: 如果获取的是jQuery对象, 那么要在变量前面加上$, 比如: var $variable = jQuery对象; 如果是DOM对象, 则var variable = DOM对象
  • var $variable : jQuery 对象
  • var variable : DOM对象

1.3 dom对象转jQuery对象

  1. 对于一个DOM对象, 只需要用$()把DOM对象包装起来, 就可以获得一个jQuery对象了. $(DOM对象)
  2. DOM对象转换成jQuery对象后, 就可以使用jQuery的方法了
  3. 应用实例
    在这里插入图片描述

1.4 jQuery对象转dom对象

  1. 两种转换方式将一个jQuery对象转换成DOM对象: [index]和.get(index);
  2. jQuery对象是一个数组对象, 可以通过[index]的方法, 来得到响应的DOM对象
  3. jQuery本身提供, 通过.get(index)方法, 得到对应的DOM对象
    在这里插入图片描述
关键字:JavaWeb系列十六: jQuery初步入门

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: