jQuery是什么?
一个JavaScirpt类库,倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互
jQuery的基本编程思想是什么?
查询 + 操作 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创建完成就可以触发,不必等到元素全部加载完成,特别是有较大图片或文件时,效果非常明显