一、主题:
1、js完成立即购买页面特效
2、js实现登录验证
二、知识点
一、js语法
1、运行环境
js是一种解释型语言,它必须运行在web浏览器上。
html,sql也是解释型预压,java,C#,是编译型语言。
<script>
alert("这是我的JavaScript代码");
</script>
2、变量(常量)、数据类型(弱、强)、命名规范、关键字
(1)变量:容器,用来装数据的。js是弱类型的,定义变量语法:var a = 1;
(2)数据类型:number,bool,null,string,object
(3)4点
(4)关键字:有特殊含义的单词
3、运算符(=、!=、==、===)
4、数据类型的转化
5、程序流(运行规则、语法):分支、循环、函数
6、DOM,事件
document.getElementById(""):通过id名称获取文档对象
onload(),onclick(),
7、面向对象(前端掌握)
什么是类和对象
1.类是具有相同的属性和方法的集合。
2.对象是类中具体一个实例。
类是一种抽象的,并不实际存在的,表示一种事物共有特征的描述。
对象是一种具体的,实际存在的,类中的某一个个体。
面向对象是以对象功能来划分问题,而不是步骤。
在面向对象程序开发思想中,每一个对象都是功能中心,具有明确分工。
面向对象编程具有灵活、代码可复用、容易维护和开发的优点,更适合多人合作的大型软件项目。
面向对象的特性:
封装性
继承性
多态性
面向对象的思维特点:
抽取(抽象)对象共用的属性和行为组织(封装)成—个类(模板)
对类进行实例化,获取类的对象
二、jquery语法
1、jquery概念
(1)why:减少代码冗余,节省写代码的时间
2、运行环境
首先在html文件中引入jquery库,如下:
<script type="text/javascript" src="js/jquery-1.5.1.js"></script>
写一个helloworld,如下:
<script type="text/javascript">
$(function(){
alert('helloworld');
});
(1)下载jquery插件,复制到项目制定路径,在<head>里添加引用<script src="js/jquery-1.11.3.min.js"></script>
(2)直接添加引用 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
3、基本语法
**$(selector).action()**
(1)selector:选择器,用来获取标签对象
(2)action:动作,在括号里写代码,用来描述当前对象要做的事情
三、项目中的问题?
1、重置按钮不会写,问的同学。
// 重置按钮
$("#res").click(function(){
// 清空文本框
$("#Yhm").val("");
$("#Mm").val("");
})