jQuery官网: https://jquery.com/
参考文档: https://jquery.cuishifeng.cn/

jQuery库,里面封装大量JavaScript函数,相当于JavaScript的工具类

获取jQuery

方式一,通过cdn引入
https://www.bootcdn.cn/jquery/
https://cdn.baomitu.com/jquery
https://www.jq22.com/cdn/

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><!-- cdn 引入   --><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
</head>
<body>
</body>
</html>

方式二,下载后导入

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><!-- cdn 引入   -->
<!--    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>--><script src="lib/jquery-3.6.0.js"></script>
</head>
<body>
</body>
</html>

jQuery公式

公式:$(selector).action()

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><!-- cdn 引入   -->
<!--    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>--><script src="lib/jquery-3.6.0.js"></script>
</head>
<body><a href="https://www.baidu.com/" id="test-jquery">点我</a><script>// 选择器就是css的选择器$('#test-jquery').click(function () {alert('hello, jQuery')})// // js原始写法// let test_id = document.getElementById('test-jquery')// // test_id.click()  // 点击这个按钮// test_id.onclick = () => {//     alert('hello, jQuery')// }
</script>
</body>
</html>

https://www.bilibili.com/video/BV1JJ41177di?p=26

JavaScript-初识jQuery及公式相关推荐

  1. JavaScript交互式网页设计 • 【第6章 初识jQuery】

    全部章节   >>>> 本章目录 6.1 jQuery概述 6.1.1 初识 jQuery 6.1.2 jQuery 基本功能 6.1.3 搭建 jQuery 开发环境 6.1 ...

  2. 跟我学jQuery(二) 初识jQuery

    跟我学jQuery教程目录: 跟我学jQuery(一)    前言 跟我学jQuery(二)    初识jQuery 跟我学jQuery(三)    无所不能的选择器1 跟我学jQuery(四)    ...

  3. JavaScript和jQuery的基础知识和使用

    初识JavaScript 首先对于JavaScript和Java两种语言,除了语法和Java有些类似,其他部分没有任何关系.由于当时Java很火,为了推广才在名字中加了Java,也就是所谓的蹭热度. ...

  4. javascript(五)--jquery

    9.操作表单(验证) 表单是什么 form DOM 树 文本框 text 下拉框 < select > 单选框 radio 多选框 checkbox 隐藏域 hidden 密码框 pass ...

  5. 5JS库-前端框架(库)-初识jQuery

    前端框架(库) #初识jQuery jQuery由美国人John Resig于2006年创建 jQuery是目前最流行的JavaScript程序库,它是对JavaScript对象和函数的封装 它的设计 ...

  6. JavaScript和jQuery实战手册(原书第2版)

    <JavaScript和jQuery实战手册(原书第2版)> 基本信息 原书名:avaScript & jQuery: The Missing Manual,Second Edit ...

  7. JavaScript/Ajax/JQuery知识点(BOM/DOM/ScriptEngine/JS引擎),JSCore

    捋顺JavaScript底层知识,重点讲解如原型.作用域.执行上下文.变量对象.this.闭包.按值传递.call.apply.bind.new.继承等难点概念??   JS中的继承?JS的原型模式, ...

  8. 初识JQuery框架的基本使用

    初识JQuery框架的基本使用 本文内容大纲 //jquery不是语言 是js的框架 (方便简化javaScript开发:选择器.Css.Html.js动画.浏览器兼容.丰富插件) How怎么用? 使 ...

  9. 初识--jQuery

    初识–jQuery jQuery基础 初识jQuery jQuery是什么? jQuery是一款优秀的JavaScript库,最主要的用途是用来做查询,还能让我们对HTML文档遍历和操作.事件处理.动 ...

  10. Javascript及Jquery获取元素节点以及添加和删除操作

    用了javascript和jquery很久,把所有元素节点的操作总结了下,放在博客上作为记录. Javascript获取元素的主要方式有三种 1.document.getElementById('ma ...

最新文章

  1. MYSQL查看执行计划 Explain
  2. c语言怎么减去一个16进制数,一个简单的有关问题:像这样的16进制数怎么转换得到...
  3. 产品经理最痛苦的事情
  4. DPDK examples cmdline完全注释(添加quit功能)
  5. asp.net上传图片,上传图片
  6. Springboot属性文件application.properties配置大全,版本:1.5.4
  7. 软件工程 电子书 免费 下载
  8. protel9s【硬件课程设计】
  9. 《21天学通Java(第7版)》—— 导读
  10. 用什么 软件测试无线频段,Wirelessmon无线频段与信号强度扫描工具软件使用技巧...
  11. Android Studio模拟器使用sqlite3建立SQLite数据库
  12. 携程校招2017编程题之股票最大利润
  13. python中def main是什么意思_python main用法解析
  14. 【NOI2008】 糖果雨
  15. flask获取参数类型和请求响应
  16. 简单计算器(C 语言实现)
  17. 辛巴学院-Unity-剑英陪你零基础学c#系列(二)顺序
  18. 原生JDK网络编程之NIO篇
  19. 全球及中国驾驶员状态监视器行业研究及十四五规划分析报告
  20. react-rnd 拖拽组件

热门文章

  1. 23种设计模式之状态模式
  2. Android 原生ExoPlayer 解析
  3. @EnableTransactionManagement
  4. 数据结构实验之查找二:平衡二叉树
  5. Hbase Shell Filter 过滤
  6. 面向中后台复杂场景的低代码实践思路
  7. 阿里云峰会|阿里云数据中台重磅升级后拟扶持100万家企业数智化
  8. 全球独家 | 赋予企业级开源无限可能,阿里云首发云数据库MongoDB 4.2版本
  9. 【当头棒喝】你是真的了解云计算吗?
  10. linux coreutils升级,Linux命令01--Coreutils软件包01--认识coreutils