1. JavaScript https://www.w3school.com.cn/js/index.asp
JavaScript 是属于 HTML 和 Web 的编程语言。
编程令计算机完成您需要它们做的工作。
1.1 JS的组成
ECMAScript(定义了JS的基本语法,命名规范,操作语句,变量,数据类型等最基础最核心的知识)
DOM(document object model 文档对象模型) 提供了JS操作页面上元素的常用属性和方法
BOM(browser object model 浏览器对象模型) 提供了JS操作浏览器的常用属性和方法
1.2 变量类型
5种基本类型:unll,undefined,boolean,number,string
1种复杂类型:object
5种引用类型:Array,Object,Function,Date,RegExp
3种基本包装类型:Boolean,Number,String
2种单体内置对象:Global,Math
undefined:没有定义的变量,var声明没有初始化的变量
1.3 JS的命名规范
a.严格区分大小写
b.使用驼峰命名法(匈牙利命名法)
第一个单词的首字母小写,其余每一个有意义的单词的首字母都要大写
只能使用数字、字母、下划线命名
数字不能作为名字的第一位
c.不能使用关键字和保留字(关键字就是在JS中有特殊含义的;保留字是未来可能会成为关键字的;
1.4 js的引入方式
行内引入:安全性低
<div style="width: 300px;background: red; border-radius: 20px" onclick="alert('OK')">你好</div>
内嵌式:写在script标签中
外链式:通过script标签的src属性
2. jQuery jQuery 教程
jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。
通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行“操作”
2.1把 jQuery 添加到您的网页
如需使用 jQuery,您需要下载 jQuery 库然后把它包含在希望使用的网页中。
jQuery 库是一个 JavaScript 文件,您可以使用 HTML 的 <script> 标签引用它:
<head>
<script src="jquery.js"></script>
</head>
请注意,<script> 标签应该位于页面的 <head> 部分。
2.2 下载 jQuery
有两个版本的 jQuery 可供下载:
Production version - 用于实际的网站中,已被精简和压缩。
Development version - 用于测试和开发(未压缩,是可读的代码)
这两个版本都可以从 jQuery.com 下载。
2.3 jQuery 语法
jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。
基础语法是:$(selector).action()
美元符号定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
$(".test").hide() - 隐藏所有 class="test" 的所有元素
$("#test").hide() - 隐藏所有 id="test" 的元素