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>

运行结果：

点击按钮

【jQuery笔记Part1】02-jQuery代码风格相关推荐

【jQuery笔记Part1】06-jQuery对象与js对象转换
jQuery对象与js对象转换概念为什么要转换转化方法 JS对象 -> jQuery对象 jQuery对象 -> JS对象原理图 jQuery笔记目录概念 jQuery对象是通 ...
【jQuery笔记Part1】07-jQuery操作css-添加删除切换类、开关灯泡案例
jQuery操作css-添加&删除&切换类 addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() ...
【jQuery笔记Part1】05-jQuery解决冲突
jQuery解决冲突当 jQuery 内部的 $ 被其他函数库覆盖解决方案一:将所有 $ 替换为 jQuery 解决方案二:借助匿名函数包裹执行当其他函数库的 $ 被 jQuery 覆盖解决方 ...
【jQuery笔记Part1】01-jQuery简介集成
jQuery简介&集成 JS的问题? jQuery 概念 jQuery 特点 jQuery 功能 jQuery 集成方式本地集成远程集成 jQuery笔记目录 JS的问题? onload ...
【jQuery笔记Part1】11-jQuery选择器
jQuery选择器基本选择器层级选择器属性选择器筛选选择器 siblings 案例 jQuery笔记目录基本选择器初始 html 页面: <!DOCTYPE html> < ...
【jQuery笔记Part1】10-jQuery操作html-获取设置
jQuery操作html-获取&设置获取内容 text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表 ...
【jQuery笔记Part1】09-jQuery操作css-尺寸
jQuery操作css-尺寸 width() height() innerWidth() innerHeight() outerWidth() outerHeight() outerWidth(tru ...
【jQuery笔记Part1】08-jQuery操作css-获取设置样式
jQuery操作css-css() 通过 css() 方法获取样式通过 css() 方法设置样式方法一:单一属性设置方法二:链式调用方法三:多个属性设置(最常用) 完整案例 jQuery笔记目 ...
【jQuery笔记Part1】12-jQuery元素的角标
jQuery元素的角标常见的鼠标事件 mouseenter 鼠标指针穿过被选元素时 mouseleave 鼠标移出被选元素内部时 mouseover 鼠标指针穿过被选元素或其子元素时 mouseou ...

【jQuery笔记Part1】02-jQuery代码风格

jQuery代码风格

1. 代码风格

2. 基本语法格式

示例

【jQuery笔记Part1】02-jQuery代码风格相关推荐

最新文章

热门文章