Sore4的博客

jQuery基础动画效果

在讲解之前，还是要注意：要引入jquery-3.6.0.jsjQuery查找find()方法，这个函数是找出正在处理的元素的后代元素的好方法而这个是find输出的值是第二个span标签，还有个别的查找方法，比如：(expr、obj、ele)来进行查找 Parent是取得一个包含着所有匹配元素的唯一父元素的元素集合。你可以使用可选的表达式来筛选Parents（[expr]）取得一个包含着所有匹配元素的祖先元素的元素组合Next（[expr]）下一个，获取得到P元素后面的元素div进行筛选取得一个包含匹配的元素

这次主要讲解jQuery筛选-过滤的方法jQuery筛选-过滤的方法，每一个方法都很简单注意：在写jQuery的过程中，script标签不要忘了把jquery-3.6.0.min.js引入进去第一种，筛选eq()方法：第二种，jQuery筛选first()与last()：第三种，jQuery筛选is()的方法：第四种，jQuery筛选has()方法：第五种，jQuery筛选hasClass()方法：第六种，jQuery筛选not()方法：第七种，jQuery筛选

这次讲解的是一篇关于计算的案例，先是创建一个新的HTML页面在新的HTML页面里，先编程一个类似与计算器的一个表格编程的代码，如下图： HTML代码：CSS代码：Js代码： 注意：script标签里还有一条重要的，在我上一篇讲述到下载的jQuery插件，需要再创一个script标签里引入jquery-3.6.0.min.js，不要贪图一时的快而忽略这条重要的信息，一定要审阅。Css样式就不详细讲解了，用一个大的div标签，分为两个小的div在里面，主要的是P标签，要设置id，并且

JavaScript事件冒泡1.JavaScript事件冒泡（Bubble）；所谓冒泡指的就是事件的向上传导，当后代元素上的事件被触发时，其祖先元素的相同事件也会被触发。2.在开发中大部分情况冒泡都是有用的，如果不希望冒泡发生可以通过事件对象取消冒泡event.cancelBubble=true3.案列如下：id“box”和“innerBox”背景颜色可任意设置一个（box背景颜色粉红色，innerBox背景颜色紫色）Html源代码：4.Css源代码：没有使用link标签

调用对象的方法函数也可以作为对象的属性，如果一个函数作为一个对象的属性保存，那么我们称这个函数是个对象的方法。1.调用函数就是调用对象的方法，但是她只是名称上的区别没有其他的区别，例如：2.函数的调用与方法的调用（本质上是一个东西，只是叫法不同）3.通过对象字面量的方式创建对象4. 作用域：作用域指一个变量的作用范围Js中一共有三种作用域，分别是全局作用域 函数作用域（局部作用域） 块级作用域（ES6+新增的）5.全局作用域的说明：直接写在script标签的

JavaScript做一个简易的动画效果，主要还是要注意的是js部分还是和往常一样创建一个HTML，如下图（开始操作）：首先写一个div做成一个正方形盒子，内名为“box”，也可以给它写其他名，自由创作再写两个div做成竖线，各自给一个不同的内名，在script用来做检测判断用的还有再加两个input标签或者button标签，各给一个id名 如下图：给这些div标签和input标签做好css属性样式，以及定好位置，如下图代码： 这就是在浏览器的一个样貌，颜色可以自己随意去改.

首先要在Visual Studio Code里创建一个新的HTMl，在title标签里给可以它换一个名字创建后的HTML如下图： 在body里写一个‘p’标签写上当前时间显示，下面再写一个div，给一个id，内名time（也可以自己写一个自己想要的内名，但前提是获取id要注意自己给的内名） 给内名需要注意的事项1.“div”标签里的id名要标明、标清、易记2.给出的id名，在“script”里获取值的名要一致3.每个获取时间的点上都要有自己...

JavaScript 赋值运算符 JavaScript关系运算符 3.1 oJavaScript关系运算符> 大于>= 大于等于< 小于<= 小于等于运算的结果为布尔值5.//运算的结果为布尔值Var a = 4<=5;//Console.log(“a =”+ a); 6. 3.2 JavaScript相等运算符== 表示值相等的意思!= 表示不等的意思=== 全等（数据类型与值...

Javascript 字面量与变量字面量：一些不可以改变的值。 变量：变量可以用来保存字面量，而且变量的值是可以任意改变的。变量更加方便我们使用，所以在发开中都是通过变量去保存字面量变量的声明：通过var关键字声明 var studentName=12;JavaScript 标识符在JS中所有可以由我们自主命名的都可以称为是标识符。例如：变量名 函数名 属性名都属于标识符2.JavaScript数据类型在JS中一共有7种数据类型3. 2.1 Strin...

鼠标事件（Mouse Events）通过鼠标触发事件, 类似用户的行为:鼠标事件列表，要在body里设一个div，id名要为box，style里设置它的宽、高，然后再script里设置脚本语言，使它在里面能够运行。下面script都例了鼠标每一样事件，把注释解掉，在把上面的注释掉就可以在浏览器查看鼠标事件。<script> var box = document.getElementById("box"); //鼠标单击事件 box.o...

1. JavaScript的基础用法，最开始使用引入js的方法有两种，第一个分类清晰，只要把他们分在不同的文件夹里规划在一起就行，一般大型的网页都是使用这一种引入的方法，而不会混乱。2. 第二个就是直接在HTML里使用script标签应用在最下面，script与link标签有一些不一样，它不能写在link标签下面，这样的一般大型的网页会受到先后顺序的阻碍，导致一些功能会受到变更，所以都是写在</div>最末尾的地方，或者在最后面，要是大型网页最好就不要继续在最下面写JavaScript了..

1.我们知道当并列书写多个div标签，它们会纵向向下排位，如果我们想将多个div并列成一排，就得借助position，float，或display属性，这便是传统的盒模型做法。而flex布局则是一种新的布局方案，通过为修改父div的display属性，让父元素成为一个flex容器，从而可以自由的操作容器中子元素(项目)的排列方式。例如我们让多个div横向排列，传统做法是使用浮动，但浮空后因为脱离文档流的缘故，父元素会失去高度，这又涉及了清除浮动等一系列的问题。而flex布局相对简单.

filter 属性定义了元素(通常是<img>)的可视效果(例如：模糊与饱和度)。1、grayscale灰度（值为0-1之间的小数）filter:grayscale(1); -webkit-filter:grayscale(1);0表示灰度为0%，显示原图，1表示灰度为100%灰色。2、sepia褐色（值为0-1之间的小数）filter:sepia(1); -webkit-filter:sepia(1);0表示褐色度为0%，显示原图，1表示褐色度为100%显示褐色...

1.首先我们需要在官网去下载vs code。地址：Visual Studio Code - Code Editing. Redefined官网截图如下，点击截图中圈出来的下载按钮即可下载。2. vs code安装下载完成之后找到安装包，鼠标左键双击运行。如下图：3.如果有安全警告的弹出框，选择运行。如下图：4.接下来点击我同意，下一步。如下图：5.点击下一步。如下图：6.点击下一步。如下图：7.勾选创建桌面快捷方式，点击下一步。如下图：..