前端---JQuery初识

---恢复内容开始---

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的相关资料：

　　　　　　　　　　官网：http://jquery.com/

　　　　　　　　　　官网API文档：http://api.jquery.com/

　　　　　　　　　　汉化API文档：http://www.css88.com/jqapi-1.9/

　　(2)JQUERy的下载:

　　　　https://www.bootcdn.cn/jquery/

　　(3)引入方式:

猜你喜欢