十五、案例:安徽龙禧(banner轮播图) 发表于 2020-07-08 | 更新于: 2020-07-08 | 分类于 web前端 , JavsScript , JS基础-DOM | | 字数: 1.7k | 时长 ≈ 8 分钟十五、案例:安徽龙禧(banner轮播图)15.1 DOM1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 ...阅读全文 »
十四、animate()函数 发表于 2020-07-08 | 更新于: 2020-07-08 | 分类于 web前端 , JavsScript , JS基础-DOM | | 字数: 2.3k | 时长 ≈ 10 分钟十四、animate()函数14.1 概述animate()是基于重点状态的动画animate():接收2个参数第一个参数:json 表示终点状态第二个参数:完成动画的时间。单位ms,省略不写1234567891011// 让所有的p移动到left:500px;的位置// 选中所有的p,json ...阅读全文 »
十三、序号的问题 发表于 2020-07-08 | 更新于: 2020-07-08 | 分类于 web前端 , JavsScript , JS基础-DOM | | 字数: 924 | 时长 ≈ 4 分钟十三、序号的问题13.1 eq()序号从0开始eq():选中元素大队列的排名,与亲兄弟的排名没有直接关系选中元素不同,序号也不同1234// 点击div,让它的第一个儿子变色$("div").click(function(){ $(this).children().eq(0).css ...阅读全文 »
十二、节点操作 发表于 2020-07-08 | 更新于: 2020-07-08 | 分类于 web前端 , JavsScript , JS基础-DOM | | 字数: 667 | 时长 ≈ 3 分钟十二、节点操作12.1 this 触发事件的对象this在js中表示触发事件的对象。在jquery中有三个是不需要添加双引号的$(this)$(document)$(window)123456789// 点击哪个p,让哪个p背景颜色改变$("p").click(function(){ ...阅读全文 »
十一、常用方法 发表于 2020-07-08 | 更新于: 2020-07-08 | 分类于 web前端 , JavsScript , JS基础-DOM | | 字数: 2.1k | 时长 ≈ 9 分钟十一、常用方法11.1 size()size():可以获取元素对象的个数。没有参数。返回的是包含元素对象的个数,是字符串类型.size()方法从jQuery 1.8开始被废弃,要用.length代替。1234// 输出所有p元素的个数console.log($("p").size()); //jq ...阅读全文 »
十、$函数 发表于 2020-07-08 | 更新于: 2020-07-08 | 分类于 web前端 , JavsScript , JS基础-DOM | | 字数: 578 | 时长 ≈ 2 分钟十、$函数10.1 jquery对象jquery是js库,如果想要使用,要先引入。引入之后,才可以使用里面的各种各样的方法。会向全局暴露一个$()函数,所以我们书写jquery的所有语句都是以$开头。jquery有很多方法,我们可以接着打点调用其他方法。1234567// 获取元素var p1 = ...阅读全文 »
九、jQuery 函数库 发表于 2020-07-08 | 更新于: 2020-07-08 | 分类于 web前端 , JavsScript , JS基础-DOM | | 字数: 601 | 时长 ≈ 2 分钟九、jQuery 函数库9.1 jQuery简介jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。 ...阅读全文 »
八、json 数据格式 发表于 2020-07-08 | 更新于: 2020-07-08 | 分类于 web前端 , JavsScript , JS基础-DOM | | 字数: 404 | 时长 ≈ 1 分钟八、json 数据格式JSON叫做JavaScript object Notation “JavaScript 对象表示法”。json是前端和后台通信的一种数据格式。json:js对象表示法 k必须加双引号1234{“k” : v,“k” : v}8.1 创建12345678// ...阅读全文 »
七、对象的基础知识 发表于 2020-07-08 | 更新于: 2020-07-08 | 分类于 web前端 , JavsScript , JS基础-DOM | | 字数: 231 | 时长 ≈ 1 分钟七、对象的基础知识在JavaScript中,对象是一个无序属性的集合,任何事物都是对象。我们现阶段研究的对象是具有属性和方法的数据。属性是与对象相关的值。比如人身高、体重。方法是能够在对象上执行的动作。比如人的吃饭、睡觉。7.1 创建对象:字面量{}k:v 每一项之间使用逗号隔开,最后一项不写逗号1 ...阅读全文 »
六、计算后的样式 发表于 2020-07-08 | 更新于: 2020-07-08 | 分类于 web前端 , JavsScript , JS基础-DOM | | 字数: 561 | 时长 ≈ 2 分钟六、计算后的样式计算后的样式:表示html元素在各种选择器的综合作用下,最终的样式通过style只能读取行内样式,不能读取计算后的样式1234567891011<div class="box" id="box" style="width: 100px;">盒子</div> ...阅读全文 »