javascript课程
适合初学者学习前端js技术,此课程需要有前端html基础
韩淼燃
最近在更新运维专栏。欢迎大家来点赞,关注。
展开
-
Jquery第五课--过滤
三个最基本的过滤方法是:first() 返回被选元素的首个元素last() 返回被选元素的最后一个元素。eq() 返回被选元素中带有指定索引号的元素。filter() 允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。not() 返回不匹配标准的所有元素。<!DOCTYPE html><html lang="en...原创 2019-09-17 21:57:08 · 113 阅读 · 0 评论 -
Jquery第四课--遍历
a.parent() 返回被选元素的直接父元素。parents() 返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)。parentsUntil() 返回介于两个给定元素之间的所有祖先元素。b.children() 返回被选元素的所有直接子元素。find() 返回被选元素的后代元素,一路向下直到最后一个后代。c.siblings() 返回被选元素的...原创 2019-09-17 21:55:59 · 183 阅读 · 0 评论 -
Jquery第三课--jquery与HTML的配合
a.获得内容 - text()、html() 以及 val()b.获取属性 - attr()c.append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容after() - 在被选元素之后插入内容before() - 在被选元素之前插入内容d.remove() - 删除被选元素(及其子元素)empty() - 从被选元素中删除子元素e.ad...原创 2019-09-17 21:54:51 · 253 阅读 · 0 评论 -
Jquery第二课--效果
a.show()显示hide()隐藏toggle()切换上面两个方法b.fadeIn() 淡入fadeOut() 淡出fadeToggle()切换上面两个方法fadeTo()允许渐变为给定的不透明度(值介于 0 与 1 之间)c.slideDown() 向下滑显示slideUp() 向上滑动隐藏slideToggle()切换上面两个方法d.animate({})动画...原创 2019-09-17 21:50:49 · 237 阅读 · 0 评论 -
Jquery第一课---基础,使用
a.jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。b.先去jquery官网下载,或者使用在线jq。c.语法基础语法: $(selector).action() 美元符号定义 jQuery 选择符(selector)"查询"和"查找" HTML 元素 jQuery 的 action() 执行对元素的操作...原创 2019-09-17 21:49:16 · 307 阅读 · 0 评论 -
第十课--Array(数组) 对象与Boolean(布尔) 对象
1.Array(数组) 对象var arr = new Array();arr[0] = 1;arr[1] = 1;arr[2] = 1;console.log(arr)arr['a'] = 1;arr['b'] = 1;arr['c'] = 1;数组属性属性 描述constructor 返回创建数组对象的原型函数。length 设...原创 2019-09-16 10:45:11 · 1022 阅读 · 0 评论 -
第九课--Date(日期) 对象
function startTime(){ var today=new Date(); var h=today.getHours(); var m=today.getMinutes(); var s=today.getSeconds();// 在小于10的数字前加一个‘0’ m=checkTime(m); s=checkTime(s); do...原创 2019-09-16 10:43:37 · 445 阅读 · 0 评论 -
第八课--String 对象
String 对象用于处理已有的字符串。a.字符串使用split()函数转为数组:b.字符串大小写转换使用函数 toUpperCase() / toLowerCase():c.replace() 方法在字符串中用某些字符替换另一些字符。d.match()函数用来查找字符串中特定的字符,并且如果找到的话,则返回这个字符。e.字符串使用 indexOf() 来定位字符串中某一个指定的字符首次...原创 2019-09-16 10:42:44 · 111 阅读 · 0 评论 -
第七课--Number 对象
JavaScript 只有一种数字类型。可以使用也可以不使用小数点来书写数字。a.JavaScript 数字可以使用也可以不使用小数点来书写:var pi=3.14; // 使用小数点var x=34; // 不使用小数点极大或极小的数字可通过科学(指数)计数法来写:var y=123e5; // 12300000var z=123e-5; // 0.00...原创 2019-09-16 10:41:53 · 133 阅读 · 0 评论 -
第六课--继承prototype
创建好的对象,我们是不能随便添加方法或者属性的,但是有时候是迫不得已的修改他人的对象但是还不能破坏其对象的内容。这个时候,我们就用到了继承。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content...原创 2019-09-16 10:40:58 · 178 阅读 · 0 评论 -
第五课--对象
JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...此外,JavaScript 允许自定义对象。a.访问对象的属性objectName.propertyNameb.访问对象的方法objectName.methodName()c.创建 JavaScript 对象通过 JavaScript,您能够定义并创建自己的对象。创建新对象有两种不同的方法:定义并创建对象的实...原创 2019-09-16 10:40:04 · 110 阅读 · 0 评论 -
第四课--js错误处理
14.错误处理try 语句测试代码块的错误。catch 语句处理错误。throw 语句创建自定义错误。finally 语句在 try 和 catch 语句之后,无论是否有触发异常,该语句都会执行。try { ... //异常的抛出} catch(e) { ... //异常的捕获与处理} finally { ... //结束处理}&l...原创 2019-09-03 15:50:09 · 132 阅读 · 0 评论 -
第三课--js条件和循环语句
11.条件语句a.if (){}else{}if (){} elsle if(){} else{}b.switch(n){ case 1: …… break; case 2: …… break; default: ……}<!DOCTYPE html><htm...原创 2019-09-03 15:49:08 · 223 阅读 · 0 评论 -
第二课--js数据类型的使用
6.函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...原创 2019-09-03 15:09:36 · 208 阅读 · 0 评论 -
第一课---js的认识
1.用法:HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2019-09-03 10:13:11 · 187 阅读 · 0 评论