网页开发（十一）JQuery-选择器和菜单案例

JQuery是一个JavaScript第三方模块（第三方类库）

1 快速上手

下载好JQuery，进行导入<script src="static/jquery-3.6.0.min.js"></script>

JQuery可以实现哪些效果呢？

（1）定位标签，并进行修改

例如：<h1 id="txt">中国联通</h1>

修改方式：$("#txt").text("广西移动")；     找到txt的位置，#代表ID，并将里面的内容改为了广西移动【找到标签，操作标签】

（2）寻找标签  直接寻找

1、ID选择器

<h1 id="txt">中国联通</h1>

<h1>中国联通</h1>

选择器：$("#txt")    选择id为txt的

2、样式选择器

<h1class="c1">中国联通1</h1>

<h1class="c1">中国联通2</h1>

<h1class="c2">中国联通3</h1>

选择器：$(".c1")  选择了class=c1的标签

3、标签选择器

<h1class="c1">中国联通1</h1>

<h1class="c1">中国联通2</h1