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++); 先输出再自增

image-20220512203833695

image-20220512204051416

考的:变量 字符串 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

属性 描述
onblur script 当元素失去焦点时运行脚本
onchange script 当元素改变时运行脚本
oncontextmenuNew script 当触发上下文菜单时运行脚本
onfocus script 当元素获得焦点时运行脚本
onformchangeNew script 当表单改变时运行脚本
onforminputNew script 当表单获得用户输入时运行脚本
oninputNew script 当元素获得用户输入时运行脚本
oninvalidNew script 当元素无效时运行脚本
onreset script 当表单重置时运行脚本。HTML 5 不支持。
onselect script 当选取元素时运行脚本
onsubmit script 当提交表单时运行脚本

image-20220518160221892

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 填写这两个

image-20220525150325928

表单form后面两个参数

action 提交服务器地址

method 表单提交方式 post / get

button普通,submit提交,reset重置

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

jq事件函数

img

jq动画:

hide隐藏,show显示

image-20220525151529166

toggle

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

fadeIn 淡入,fadenOut淡出,

slideDown向下滑动

slideUp向上滑动

slideToggle切换

image-20220525152937137

image-20220525153001476

JQuery动画:

animate()方法

opacity透明度

JQ DOM文档模型

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

image-20220525153505388

获取属性:attr()

image-20220525153734380

参考文档:

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

添加新的 HTML 内容

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

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

image-20220525160230003

删除元素/内容

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

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

image-20220525160543414

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

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

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

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

符攀飞 符攀飞
2 年多前
556

扫描下方二维码手机阅读文章

0 0