jquery

一、jquery简介

• jQuery是一个js库，免费开源易用，提供了我们开发中常用到的操作DOM的API，解决了我们使用js操作DOM常遇到的一些问题，强大的选择器，简化我们的操作
• 使用 jQ使用jQuery 一定要引入 jQuery 库
• jquery引入：

路径引入
<script src='文件路径'></script>
引入在线资源
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

• 入口函数：

$(document).ready(function(){ //类似于原生js的window.onload });
简写：
$(function(){ })

二、jQuery对象和DOM对相互转

1. dom对象要转换为jquery对象：

a. 用$(dom对象)
$(‘p:first’).html()

2. jquery对象要转换为dom对象：

a. 采用 jquery对象.get(0)
$(’#p1’).get(0).innerHTML

b. 采用 jquery对象[索引]
$(’#p’)[0].innerHTML

三、选择器

3.1 基本选择器

3.2 层级选择器

$("body  div").css("background", "#bbffaa");
$("body > div").css("background", "#bbffaa");
$("#one + div").css("background", "#bbffaa");
$("#two ~ div").css("background", "#bbffaa");

3.3 过滤选择器

3.4 jquery元素筛选

四、属性操作

五、css操作

六、jQuery动画