---恢复内容开始---
- BOM
- JQuery认识
- JQuery基本选择器
- JQuery高级选择器
1.javascript基础部分包括三个部分:
ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。
DOM：文档对象模型，操作网页上的元素的API。比如让盒子移动、变色、轮播图等。
BOM：浏览器对象模型，操作浏览器部分功能的API。比如让浏览器自动滚动。
DOM是BOM的一部分。
window对象:
window对象是javascript中的顶级对象
全局变量、自定义函数也是window对象的属性和方法
BOM常见的内置方法和内置对象:
(1) window.open(url,target)
参数解释: url :要打开的地址
target:新窗口的位置.可以是_biank,_self,_parent父框架
<script> setTimeout(function () { window.open('www.baidu.com','_self') //_self 表示在当前页面打开,不写会跳转一个新页面 },2000)</script> (2)location 对象属性 window.location 可以简写成location.他相当于浏览器地址栏,可以将url解析成独立片段
// location.host; //主机名,包括端口 // location.pathname; // 主机名 // location.protocol ;// 协议 一般是http https // location.search ;//查询内容(字符串) ?号之后的一般是查询的内容 // location.href;// 跳转(网址)
location.href 的属性:
var div = document.getElementsByTagName("div")[0]; div.onclick = function () { location.href = "http://www.baidu.com"; //点击div时，跳转到指定链接 (点击会跳转到百度)// window.open("http://www.baidu.com","_blank"); //方式二
(3)history对象
history.go(0) //全部刷新 (不好)
history.go(-1)// 后退一步回到原来的位置
2 JQUERY 初识:
再用js写代码时,会遇到一些问题:
window.onload 事件有事件覆盖的问题，因此只能写一个事件。
代码容错性差。
浏览器兼容性问题。
书写很繁琐，代码量多。
代码很乱，各个页面到处都是。
动画效果很难实现。
(1)什么是Jquery?
jQuery 是 js 的一个库，封装了我们开发过程中常用的一些功能，方便我们调用，提高开发效率。
js库是把我们常用的功能放到一个单独的文件中，我们用的时候，直接引用到页面里即可。 jquery只是封装文档遍历和操作，事件处理，动画和Ajax
关于jQuery的相关资料：
官网API文档：http://api.jquery.com/
汉化API文档：http://www.css88.com/jqapi-1.9/
(2)JQUERy的下载:
https://www.bootcdn.cn/jquery/
(3)引入方式:
来源：https://www.cnblogs.com/systemsystem/p/10246555.html