1+X课堂笔记.md

1+X课堂笔记5.11:

1.路径：./是同级目录 .//上一级

2.href url地址 a标签

alert 警告框

3.创建函数：

function myFunction()

js创建数组 var 不需要输入类型

第一个：

var test = ["1","2","3","4"];

第二个：

var test = new Array（“1”，“2”，“3”,"4"）;

4.indexof（）搜索指定项目，并返回值 777

join 连接字符串 没有为连接符为，

pop删除最后一个元素

push增添元素到最后一个位置

shift删除第一个

unshift（）插入多个不止一个

array.slice(start,end)

5.to string 转化成字符串

具体参考3wc手册：https://www.w3school.com.cn/jsref/jsref_obj_array.asp

6.cell向上取整

floor向下取整

round四舍五入

random 返回0含0不含1的随机数

7.函数分为有参和无参函数

8.var carName； 没有初始化

输出的话 undefined

9.var carName = "porsche";

var car Name; 没有定义第二个

如果定义会覆盖但是没有定义的话就是还是之前的没有丢。

10.“3”<”21“ false

这是字符串的比较，必考题。

  两个字符串比较大小，是比较第一个值得ASCII码的大小，如果第一个ASCII码相同的话，就比较第二个。以此类推。

1+X课堂笔记5.12:

（function）（）； 作用域

全局变量和局部变量

++a;先自增，后使用（输出）

alert(a++); 先输出再自增

考的：变量 字符串 dom操作，样式， 选择器

1+X课堂笔记5.18:

H5+CS3一定要多刷题

typeof（NaN）》Number

通过ID获取（getElementById）
通过name属性（getElementsByName）
通过标签名（getElementsByTagName）
通过类名（getElementsByClassName）
获取html的方法（document.documentElement）
获取body的方法（document.body）
通过选择器获取一个元素（querySelector）（开发常用）
通过选择器获取一组元素（querySelectorAll）（开发常用)

click 单击事件

double click双击事件

mouseout鼠标移出

focus 获取焦点

离开焦点 onblur

https://www.w3school.com.cn/tiy/t.asp?f=eg_js_dom_change_attribute

set clear

1+X课堂笔记5.19:

后代选择器是包含了后面的所有的标签如:

/后代选择器 该选择器代表ul标签后面的全部li标签无关层级/
ul li{
background-color: rgb(8,84,5);
}
2.子选择器
子选择器表示后面一层的选择如；

/子选择器 该选择器表示ul标签后面的p标签只有一层/
ul > p{
background-color: yellow;
}
3.相邻选择器
使用id选择器或者class选择器定位到标签下面的相邻标签如：

/相邻选择器 相邻向下的一个标签/
.Tang + b{
background-color: red;
}
4.相邻选择器进阶版
与相邻选择器相同表示可以定位到class选择器或者id选择器标签下面的全部的相同标签，如：

/全部选择选择器 表示在.Tang标签的下面所以b标签/
.Tang~b{
background-color: #111111;

1+X课堂笔记5.25:

jq引入scrpit

$(document).ready(function()){

});

文章就绪运行的。 document 或者 ready 填写这两个

表单form后面两个参数

action 提交服务器地址

method 表单提交方式 post / get

button普通，submit提交，reset重置

https://www.w3school.com.cn/jquery/jquery_ref_selectors.asp

jq事件函数

jq动画：

hide隐藏，show显示

toggle

您可以使用 toggle() 方法来切换 hide() 和 show() 方法

fadeIn 淡入，fadenOut淡出，

slideDown向下滑动

slideUp向上滑动

slideToggle切换

JQuery动画：

animate()方法

opacity透明度

JQ DOM文档模型

获取内容：text(),html(),val();

获取属性：attr()

参考文档：

https://www.w3school.com.cn/jquery/jquery_ref_manipulation.asp

添加新的 HTML 内容

我们将学习用于添加新内容的四个 jQuery 方法：

• append() - 在被选元素的结尾插入内容
• prepend() - 在被选元素的开头插入内容
• after() - 在被选元素之后插入内容
• before() - 在被选元素之前插入内容

删除元素/内容

如需删除元素和内容，一般可使用以下两个 jQuery 方法：

• remove() - 删除被选元素（及其子元素）
• empty() - 从被选元素中删除子元素

insertAfter() 方法在被选元素后插入 HTML 元素

append() 方法在被选元素的结尾插入指定内容

appendTo() 方法在***被选元素的结尾插入 HTML 元素***

after() 方法在被选元素后插入指定的内容