jQuery的介绍和简单实用

1.jQuery是一个JavaScript 函数库
特点：代码写得少，用的地方多，为事件处理特别设计。即以更简约的代码完成需求。
2.选择器：

（1）过滤选择器，如 $(“ f i r s t ”) （ 2 ）元素选择器，如$ (“span”)
（3）#id选择器，如 $KaTeX parse error: Expected 'EOF', got '#' at position 3: (“#̲t”) （4）.class选择\dots$ (“.t”)
（5）组合选择器，如$(“#t,.t”)

共同点：jQuery 中所有选择器都以美元符号开头：$()。

3.基础语法：
$(“ 操作对象名 ”) . 操作名 () 如，$ (this).click()
4.一个是基于元素选择器实现语句覆盖的代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>实现点击覆盖</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#test").hide();
  });
});
</script>
</head>

<body>
<h2>代码优化</h2>
<p>被覆盖代码</p>
<p id="test">覆盖代码</p>
<button>点我覆盖</button>
</body>

</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

5.常用的事件方法：

（1）$(document).ready()
用于改变函数执行时间，使得函数在文档完全加载后再执行
（2）click()：单击事件
（3）dblclick()：双击事件
（4）hover()：光标悬停事件
（5）mouseenter()：鼠标指针靠近事件

mouseenter 的实例




 
 





鼠标指针进入此处，会看到弹窗。



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

相关阅读:
好奇一下各个大模型对华为mate60系列的看法
【工具 & 技巧 & 笔试】PyCharm搜索快捷键大总结 | 【笔试题分享】2023美团算法策略方向题目解析思路及实例代码（含时间复杂度分析）| 动态规划求解：人在地图中行走获得最大金币数量
AD360荣获2023 Fortress奖：卓越的身份验证和身份管理解决方案
Calendar 求取指定时间下周一下一月1号下一年1月1号下一季度首月1号
layui实现鼠标移入/移出时显示/隐藏tips
腾讯起诉vivo不正当竞争；谷歌俄罗斯分公司申请破产，官方称“银行账户被俄罗斯没收”；Opera 87发布|极客头条
vscode使用ssh连接远程Ubuntu服务器（记录）
bp利率最新消息是多少,bps利率是什么意思
字字珠玑，GitHub 爆赞的网络协议手册，被华为指定内部必学？
【系统架构设计】架构核心知识： 1 构件和中间件

原文地址：https://blog.csdn.net/m0_59416550/article/details/127407466