2403_86264751的博客

通过现阶段的学习，我们已经掌握了HTML，CSS和JS部分的相关知识点，现在让我们通过一篇案例，来巩固我们近期所学的知识点。

这段 JavaScript 代码实现了一个交互效果，针对页面上具有特定类名（.ps5和.xs）的两个元素，当鼠标悬停在其中一个元素上时，该元素的宽度会扩展到80%，而另一个元素的宽度则会收缩到20%；当鼠标移出时，两个元素的宽度又会恢复到各自均为50%的状态。代码整体实现了一个简单的交互效果，通过对鼠标悬停和移出两个特定类名的元素的监听，来动态改变这两个元素的宽度，以达到一种视觉上的交互体验。

当一个事件（如鼠标点击、键盘按键按下、页面加载等）发生时，浏览器或运行环境会创建一个事件对象来包含关于这个事件的各种信息。，事件被触发，就会有事件对象的产生。以浏览器环境为例，当一个 HTML 元素触发一个事件时，会自动创建一个事件对象并将其作为参数传递给事件处理函数。在Jquery中我们通过e来获取事件对象 （比如：a.click(function(e){…})）

不过实际上&&和||返回的是一个特定的操作数的值，所以当它用于非布尔值的时候，返回值就可能是非布尔值。最简单的赋值运算符是等于（=），它将右边的操作数值赋给左边的操作数。”和冒号“:”两个符号来连接，，运算的结果根据给定条件在两个值中取其一。=在比较不相同类型的数据时，首先会自动将要进行比较的数据转换成相同的 数据类型，然后再进行比较。如果通过左表达式能够确定最终值时，则不运算右表达式的值，此时称为短路。==在比较不相同类型的数据时，不会进行数据类型的转换。的位表示中，每一个对应的位，两个不相同则返回。

如果想要判断一个变量的值是否为数字，可以使用 isNaN()进行判断，返回结果为布尔值，true 表示变量的值不是数字，false 表示变量的值是数字，示例代码如下。科学记数法：将数字表示成一个数与 10 的 n 次幂相乘的形式，程序中使用 E（或 e） 后面跟一个数字的方式表示 10 的 n 次幂。是指计算机中用于表示文本的一系列字符，在 JavaScript 中使用单引号（''）或双引号（""）来标注字符串。在进行数据的比较、条件的判断时，经常需要将数据转换为布尔型数据，使用 Boolean()可。