一、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、面向对象(前端掌握)
二、js任务
1、p181,js实现简单的登录验证
2、p189,js完成立即购买页面特效(详细地址提示和隐藏,配送信息的自动修改)
三、jquery语法
1、jquery概念
jQuery是一个快速、简洁的JavaScript库。
j就是JavaScript,Query就是查询,即查询js,把js中的DOM操作做了封装,就可以快速的查询使用里面的功能。
jQuery封装了JavaScript常用的功能代码,优化了DOM操作、事件处理、动画设计和Ajax交互。
(1)why:减少代码冗余,节省写代码的时间
2、运行环境
(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:动作,在括号里写代码,用来描述当前对象要做的事情
4、文档就绪事件
为了防止文档在完全加载(就绪)之前运行 jQuery 代码,要在 DOM 加载完成后才可以对 DOM 进行操作。我们需要将代码写在特定的函数中,有以下两种写法。
1.
$(document).ready(function(){
//your code
});
2.
$(function(){
//your code
});
5、选择器
1、基本选择器 - ID选择器 $("#id的值") - 类选择器(class) $(".class的值") - 标签选择器(html标签) $("标签的名字") - 所有标签 $("*") - 组合选择器 $("xx,xxx") 2、层级选择器 - 从一个标签的子子孙孙去找 $("父亲 子子孙孙") - 从一个标签的儿子里面找 $("父亲>儿子标签") - 找紧挨着的标签 $("标签+下面紧挨着的那个标签") - 找后面所有同级的 $("标签~兄弟")
6、事件
1.鼠标事件
方法如下
- click() :单击事件、触发或将函数绑定到指定元素的click事件
- mouseover(): 触发或将函数绑定到指定元素的mouseover事件
- mouseout() :触发或将函数绑定到指定元素的mouseout的事件
2.键盘事件:
方法如下:
- keydown(): 按下按键时、触发或将函数绑定到指定元素的keydown事件
- keyup(): 释放按键时、触发或将函数绑定到指定元素的keyup事件
- keypress(): 产生可打印的字符时、触发或将函数绑定到指定元素的keypress事件
3.表单事件:
方法如下:
- focus() : 获得焦点、触发或将函数绑定到指定元素的focus事件
- blur() : 失去焦点、触发或将函数绑定到指定元素的blur事件
4、绑定事件:
语法解析:
- bind(type,[data],fn),其中data不是必需的
- type:事件类型、主要包括blur、focus、click、mouseout等基础事件,此外也还可以是自定义事件
- fn : 用来绑定的处理函数
5、复合事件
一、 hover()方法
语法:hover(enter,leave);
该方法相当于mouseover与mouseout事件的组合
jQuery API 中文文档 | jQuery API 中文在线手册 | jquery api 下载 | jquery api chm