jQuery的引用和选择器

一、jQuery

        1、jQuery的简介

        jQuery是一个优秀的JavaScript库。使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。

        jQuery 最大的优势，就是特别的方便，最重要的是 jQuery 的代码兼容性非常好。

        2、jQuery的引用

        本地调用：<script src="./js/jquery-3.6.0.min.js"></script>

        远程调用：<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

        3、jQuery执行小函数

        jQuery有一个用来作为DOM快速载入javascript的得心应手的小函数,那就是ready $(document).ready(function() {}); 可简写为：$(function(){}); 

	window.onload	$(document).ready()
执行时机	必须等待网页全部加载完毕（包括 图片等），然后再执行包裹代码	只需要等待网页中的DOM结构 加载完毕， 就能执行包裹的代码
执行次数	只能执行一次，如果第二次， 那么 第一次的执行会被覆盖	可以执行多次，第N次都不会被上 一次覆盖

        4、jQuery对象和DOM对象互相转换

  // dom对象转换为jquery
  // $(dom对象)
$("#box") === $(document.getElementById("box"));
  // jquery对象 转换为 dom对象
  // jquery对象[索引]
  // jquery对象.get(索引)
$("div")[1].style.backgroundColor = "red";
$(