jquery的二种引入方式 以及$(document).read()使用方式2018-4-2

一、jquery的二种引入方式
1.jQuery是一个js函数库,可以极大的简化js代码编写
2.jQuery本质上就是一个普通的js文件,只要下载导入到项目中即可
3.官网下载开发版本用于学习,项目上线后换成生成环境压缩版本
4.可以选择本地文件,也可以使用cdn在线版本,国内建议使用baidu静态资源库,访问速度快
5.jQuery中的大Boss是工厂函数$(),我们就从这个家伙开始jQuery学习之旅
6.理解DOM结构:祖先元素,父元素,子元素,兄弟元素,每一个元素都是一个DOM对象
7.必须先用工厂函数$()将DOM对象转为jQuery对象,才可以使用jQuery中的方法
8.$(选择器): 将选择获取到的DOM对象包装/转化为jquery对象
9.jQuery对象与DOM对象的区别:
10.jquery对象是将一个或组一组DOM对象进行打包,统一进行处理,默认自带循环迭代
11.DOM对象对应着页面中一个或多个可视元素,它给jquery对象提供原材料
12.DOM对象与jquery对象之间的转换:
13.DOM对象转jquery对象: $()
14.jquery对象转DOM对象: get(index)或[index]
注: $()就是一个DOM对象打包器,只要逐个取出来就是DOM对象
15.$()总结: 将DOM对象转为jQuery对象,以便使用jQuery方法对页面元素进行统一快速的处理

引入方式：

第一种：本地应用，下载本地文件，引用。

<script type="text/javascript" src="jquery的本地文件路径"></script>

第二种：网路资源引用。

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

二、$(document).read()使用方式

1、$(document)

例如;$(document).ready(function){

$(#list>li>,addclass('horiv'))}

总结;

一、如何用css语法来获取元素?
    querySelector(),querySelectorAll()
二、jQuery是什么?
    一个JavaScirpt类库
三、为什么要用jQuery?
    1.各个浏览器之间存在兼容性
    2.原生js语法复杂,代码过多
    3.jQuery可做到:写得更少,而做得更多
    4.我要看懂其它程序员写的jquery代码
四、jQuery的基本编程思想是什么?
    1.查询 + 操作
    2.基本语法: $(selector).option()
五、工厂函数$()的作用?
    创建jQuery对象
六、jQuery的获取方式?
    1.官网:jquery.com
    2.cdn: 官网,谷歌,百度...