![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
文章平均质量分 69
yoonhi_
已转行,嘿嘿
展开
-
jq 实现点击时添加样式并移除兄弟样式
如图:当我点击其他选项时,被点击的选项会有背景色,而之前的选项清空背景色默认第一个拥有背景色当我点击第四个选项时的效果如果这些选项时同级的,比如:<style> .selected { backgroud: #red; }</style><ul> <li class="code selected"&g...原创 2020-04-30 17:00:32 · 3158 阅读 · 0 评论 -
网页回车触发事件/键盘触发事件
$(选择器).on('keypress', function (event) { // 回车事件 回车键盘值为 13 if (event.keyCode == "13") { // 需要执行的内容 xxx() }})偶尔会用到每次都要百度一下还是记录起来方便吧...原创 2020-04-30 10:21:28 · 575 阅读 · 0 评论 -
JS案例----数组 递归
1000个小学生站一排 按1.2.4.5.6.7.8.....999.1000编号然后从1号开始 按1.2.3.1.2.3.1.2.3....报数 报到3的退出 然后其他学生靠拢 继续按1.2.3.1.2.3.1.2.3....报数 然后报三的再退出 其他学生靠拢 继续1.2.3.1.2.3.1.2.3...报数 然后三再退出 问 往复若干次 剩下的...原创 2019-03-28 08:23:00 · 1814 阅读 · 0 评论 -
JS案例----数组方法的综合应用
问题:将一串如 "how are you i am fine"这样以空格分割的英文单词的首字母换成大写,转换后为"How Are You I Am Fine"利用字符串的分割 查找对应下标元素 字母的大写数组的替换 转为字符串 等方法<!DOCTYPE html><html lang="en"><head> <meta chars...原创 2019-03-28 08:20:13 · 683 阅读 · 0 评论 -
JS案例----贪吃蛇(源码)
由于我笔记本键盘原因,为了方便我操作,将上下左右方向键设置为英文字母 I K J L可以自己在document.onkeydown中自行修改.这篇内容是纯代码篇分析的篇章会在后面发.注:仅简单实现基础游戏功能,存在部分bug.功能并不完善<!DOCTYPE html><html lang="en"><head> <meta ...原创 2019-03-23 18:49:41 · 1268 阅读 · 7 评论 -
JS案例----简易手机验证
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>document.write</title> <script type="text/javascrip...原创 2019-03-25 08:27:00 · 686 阅读 · 0 评论 -
JS案例----贪吃蛇(分析)
因为已经在OneNote里面分析布局好了内容,且样式和重点都加了不同的颜色,为了方便大家阅读,就直接将它们截图之后放上来了上一篇的代码篇中,是已经在能力范围内优化的最完整的了.以下的分析截图中,尤其是代码截图,可能会与上一篇的代码有所偏差,因为是不断修改的,且一边修改一边做笔记.所以会有偏差.代码内容以代码篇为准.--------------------------------...原创 2019-03-24 21:56:54 · 311 阅读 · 0 评论 -
JS基础综合案例练习(DOM操作-延时器)----随机出现小星星
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-03-19 23:32:54 · 447 阅读 · 0 评论 -
JS递归练习----换购可乐
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-03-19 23:26:09 · 500 阅读 · 0 评论