1. 代码风格
在 jQuery 程序中,不管是页面元素的选择、内置的功能函数的调用,都是美元符号 $ 来起始的。而这个 $ 就是 jQuery 当中最重要且独有的 jQuery 函数。
注:jQuery 是对JS的封装库, 本质就是JS, 所以,可以正常写JS代码,但是 JS 中要使用 jQuery 需要集成。
2. 基本语法格式
$(selector).action()
美元符号 $ 定义 jQuery,选择符(selector)查询 HTML 元素,包括 this,标签名称,.类名,#id
jQuery 的 action() 执行对元素的操作。
$(function () {});
执行一个匿名函数
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>02-jQuery代码风格</title>
</head>
<body>
<p>暑假要结束了!</p>
<button class="btn" id="btn">来吧!</button>
<script src="js/jquery-3.5.1.min.js"></script>
<script>
window.onload = function () {
/*点击按钮,使得p标签内的文字更换显示*/
$('#btn').on('click', function () {
$('p').html("我只想学习");
})
/*进入时弹出对话框上面显示0*/
$(function () {
alert(0);
});
}
</script>
</body>
</html>
运行结果:
点击按钮