0402jQuery初识

jQuery是什么?
  一个JavaScirpt类库，倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互

jQuery的基本编程思想是什么?

1. 查询 + 操作   2.基本语法: $(selector).option()

   
   

如何在在网页中添加 jQuery：

1.从 jquery.com 下载 jQuery 库

2.从 CDN 中载入 jQuery

百度的CDN导入方式：

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

先学习几个方法

1、$ 是工厂函数的作用?   创建jQuery对象

2、css()是定义在jQuery对象上的方法

jQuery对象和原生DOM的对象是不一样的，两者之间不能相互调用对方的方法

要想调用要通过转换才可以

将jquery对象转为DOM对象,再调用原生对象方法

   get(index)或[index]

 写法如下：

  $('li')[0].style.backgroundColor = 'coral'
  $('li').get(2).style.backgroundColor = 'cyan'

必须先用工厂函数$()将DOM对象转为jQuery对象,才可以使用jQuery中的方法

jQuery对象和DOM对象的区别：

jQuery对象是将一个或一组DOM对象进行打包，统一进行处理，默认自带循环迭代

DOM对象对应着页面中的一个或多个可视元素，它给jQuery对象提供原材料

如何修改一个元素的内容

$('p').html('准备把你改变了')

$()还可以创建一个新元素

$('<img src="../images/zly.jpg" width="150">') 创建完之后用insertAfter(元素):插入到指定元素的后面
或者insertBefore()添加到当前页面中

html页面生成分为二步:

1. 生成DOM树: 告诉浏览器html文件中有多少元素以及他们之间的关系

2. 加载外部资源: 例如图像,外部文件等

window.onload事件必须要在dom树生成,外部资源全部加载完毕才可以触发

$().ready()事件:只要DOM创建完成就可以触发,不必等到元素全部加载完成,特别是有较大图片或文件时,效果非常明显