03 2022 档案
jQuery 遍历：
摘要：jQuery 遍历： jQuery 遍历，意为"移动"，用于根据其相对于其他元素的关系来"查找"（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。 <div> <u>l <li> <li> <span> <span> <b> <div> 元素是 <ul> 的父元
阅读全文
jQuery DOM 操作：
摘要：jQuery DOM 操作： <div id="a1">hellow world</div> <button type="button" id="aa">显示值</button> <p><input type="text" id="text" value="" /></p> <img src="..
阅读全文
JS
摘要：JS运算符： 算术运算符：—— +、-、*、/、% 递增递减运算符：递增：++num —— 先+1，再计算表达式 console.log(Boolean(1)); var num =10; num++; num++ —— 先计算表达式，后+1 递减：--num —— 先-1，再计算表达式 num--
阅读全文
数组练习
摘要：一、var attr = [12,34,2,5,76];将数组中数字内容求和 var attr = [12,34,2,5,76] // document.write(attr[0]+attr[1]+attr[2]+attr[3]+attr[4]) 二、var arr = [4, 0, 7, 9, 0
阅读全文
jQuery 效果：
摘要：jQuery 效果： 隐藏与显示： 隐藏： $("#hide").click(function(){ $("p").hide(); }); 显示： $("#show").click(function(){ $("p").show(); }); 隐藏与显示的速度： $("button").click(
阅读全文
jQuery 语法：
摘要：jQuery 语法： 美元符号定义 jQuery：$ ; $(document).ready(function(){ （jQuery入口函数） $(function(){ // 开始写 jQuery 代码... }); 开始写 jQuery 代码... }); 简洁写法：（与以上写法效果相同） （j
阅读全文
JS实现自动轮播效果：
摘要：JS实现自动轮播效果： 练习：1、左右点击 2、添加圆点的逻辑 3、自动轮播 4、鼠标移入移除 1、左右点击：左右点击--关于最后一张和第一张 执行切换的时候 加了一个第六张（第一张图片） 2、添加圆点的逻辑：圆点：1、圆点跟着左右点击 圆点切换背景 2、点击圆点，执行图片切换 3、自动轮播： 4、
阅读全文
CSS3 动画
摘要：css3 动画 动画是使元素从一种样式逐渐变化为另一种样式的效果。 可以改变任意多的样式任意多的次数。 用百分比来规定变化发生的时间，或用关键词 "from" 和 "to"，等同于 0% 和 100%。 0% 是动画的开始，100% 是动画的完成 实例： @keyframes myfirst （my
阅读全文
鼠标移入，文字从图片下方上来显示
摘要：穷游网案例： 鼠标移入，文字从图片下方上来显示： #a2{ width: 200px; height: 250px; border: 1px solid transparent; float: left; margin-left: 18px; background-image: url(123.jp
阅读全文
JS的数学对象和时间对象
摘要：JS的数学对象和时间对象： 数学对象： 圆周率： Math.PI 最大值： Math.max(1,3,99,5,7,0) 最小值： Math.min() 向下取整： Math.floor() 向上取整： Math.cell() 四舍五入： Math.round() 绝对值： Math.abs() 随
阅读全文
JS函数的了解
摘要：JS函数： 函数是做某件事或者实现某种功能的代码块： 函数的使用： 声明函数：function 函数名 （） function aa(){} 调用函数：函数名 （） aa(); 函数的参数： 形参： function hanshu（aa）{} 实参： hanshu（50） 函数的返回值： retur
阅读全文
window对象常见事件
摘要：BOM元素： window对象常见事件： 窗口加载事件： window.onload = function(){} JS不能放到文档上方，要等文档加载完才能执行 定时器： 与时间有关的程序 写定时器 最好是要给他加名字 window。setTimeout(function(){},2000) 200
阅读全文
dom元素的节点操作
摘要：dom元素的节点操作： 寻找父亲： var a1 = document.querySelector("a1") console.log(a1.parentNode) 寻找儿子：查找某个元素的所有儿子 若要取第一个 加索引就可以 第一个儿子：a1.children【0】 寻找第一个儿子： var a1
阅读全文
JS数组
摘要：JS数组： 创建数组： 利用new创建数组： var arr = new Array（）； 字面量创建： var arr = 【】； 数组中的值可以任意类型，一定要用逗号分隔开 获取数组中的元素： 下标从0开始，例如：arr【0】； 遍历数组中的元素：for for（var i=0；i<arr.le
阅读全文
dom文本练习
摘要：dom文本全选，全不选 案例1： <input type="checkbox" name= "" id="ck" value ="" />全选 <input type="checkbox" name= "" class="cklist" value ="" />北京 <input type="che
阅读全文
dom 操作元素
摘要：JS中dom的操作元素： 内容： element.innerText = " " ——不能识别html标签 element.innerHtml = " " 案例： #aa{ width: 100px; height: 50px; border: 1px solid grey; text-align:
阅读全文
dom元素的事件基础
摘要：JS中dom的事件基础： 事件由三部分： 1、事件源： 先找到元素，绑定事件，事件的执行函数function(){}(匿名函数) 2、事件类型： 鼠标时间： 鼠标左击事件： onclick 鼠标经过： onmouseover 鼠标离开： onmouseout 获得鼠标焦点： onfocus 失去鼠标
阅读全文
JS循环
摘要：JS循环： 一、for循环; for( var i = 1; i<=10;i = i + 4){ console.log("第"+i+"次") } for(var i = 1; i <= 5; i++ ){ for(var j =1; j <= 5; j++){ console.log( i + "
阅读全文
JS判断
摘要：JS判断： 一. if（）{ }else{ } 例如： var age = prompt("请输入年龄") if( age >= 18){ alert("您可以上网") }else{ alert("您不可以上网") } var fenshu = prompt("请输入您的年龄") if(fenshu
阅读全文
练习
摘要：1、输入一个整数，判断这个整数是偶数还是奇数，并输出判断结果var str = prompt("请输入数字：")if( str%2 ==0){alert("偶数") }else{ alert("奇数") } alert(str) 2、开发一款软件，用户输入身高，体重；根据公式（身高-108）*2=体
阅读全文
For循环练习
摘要：5*5乘法表： * ** *** ********* for(var i = 1;i <= 5; i++){ for(var j = 1;j <= i ; j++){ document.write("*") } document.write("<br>") } 循环输出1~100之间的数字的和: v
阅读全文
JS的基础语法 结构(dom元素）
摘要：1、js的基础语法 结构 2、dom操作 操作我们的 document html body div Image3、bom操作 操作浏览器 定时 弹窗.... dom：document 学习dom的关键词dom操作的三个步骤： 1、事件源（先找到dom元素） 2、事件类型（对元素进行怎样的操作：点击、
阅读全文
JS时间对象学习
摘要：JS学习： 时间对象的使用方法： var date = new Date（） 日期的格式化： 获取年份： document.write(date.getFullYear()) 获取月份： document.write(date.getMonth()+1) 重点：月份后面一定+1 获取当天日期： do
阅读全文
作业练习
摘要：一、定义一个函数，输出1~100的累加和： var num = 0;var num = 0; for(var i = 0;i <= 100;i++){ num = num + i } document.write(num) 二、定义一个函数，输出2000~2100年所有的闰年： for(var i
阅读全文
JS数据类型
摘要：JS数据类型： 简单数据类型： 1、数字型（number）： （1）整型 ： 1,2,3,4,56,78 ( var num =1 2 3 4 5 6 7 8) （2）浮点型 ： 1.1 2.34 5.678 (var fl=1.2 1.3) 2、布尔型（boolean）：true1=1 2=2 "
阅读全文
VSS 盒子学习
摘要：2022年3月2日： 边框： （1）border：1px solid(dashed 虚线) red; （2）边框会影响盒子的大小 内外边距： 1、内边距： padding 上下左右 中 《top right bottom left center》 margin 2、内容与盒子边框的距离 paddin
阅读全文
3月8号 JS学习
摘要：2022年3月8号： js学习课程： js的组成： 1、js语法 2、dom （页面文档）对象——即控制各类元素的大小、位置、颜色等等 3、浏览对象——即控制浏览器窗口的弹出框、跳转、获取分辨率等等 js的三种书写位置： 1、行内——直接写到元素的内部—— <input type="button"
阅读全文
