初识JQuery

常用对象

初识jQuery

jQuery是JS的一个库！封装好的一个库！它就是类似于Java中的一个jar包。

JQuery是最具有代表性的一个库，它是划时代的产品。

1.了解jQuery

核心理念：write less,do more

只要JS能做的。它都能做，大大简化了开发代码。

强大的选择器

它支持CSS3的所有选择器，还单独定制了一套高级选择器。

出色的DOM封装

简化且封装了大量的DOM操作。

可靠的事件处理机制式迭代

JQ把所有事件都封装了一个个的单独函数。

xxx.onclick = function(){

}
xxx.click();

浏览器的兼容性好

jQ封装过程中处理了兼容性问题。jQ2.0以前的版本 兼容IE6 7 8

隐式迭代

很多选择器在使用时无感知的进行了一系列的迭代（遍历）处理。

丰富的插件支持

jQ插件非常丰富，因为JQ大大简化了开发，所以很多开发人员也乐意使用JQ去开发一些JS插件。

对AJAX做了大量封装（了解）

对AJAX做了大量封装

一种异步无刷新的请求技术。

2.掌握jQuery的环境搭建和使用

2.1环境搭建

下载JQ(可以从JQ官网，JQ插件库网，GitHub)

版本选择：1.12.4或者1.8.3它们兼容IE6/7/8

每个版本都会有两种文件选择：开发版（可以直接看到源码，方便调试），发布版（压缩后文件体积比较小，加载速度快）。

导包（你想要使用jq代码，就想要先引入JQ,必须在你的代码前<自上而下加载代码>

<script scr = "jp地址" type ="text/javascript" charset="utf-8">
</script>

新建一个script标签开始使用。

2.2原生JS的页面加载函数和JQ的页面加载函数的的区别

2.3 JQ的语法

$(选择器).action();
jQuery().action();

工厂函数的使用：用于将DOM对象或者一系列的JQ支持的语法转换为JQ对象。
$:函数名 等价于jQuery
工厂函数参数：选择器   用于选中具体要进行操作的DOM对象
action:jQ的方法或者属性等。

//$(document) 它可以将DOM对象转换为jQ对象
//read(); jQ的页面加载方法/函数
$(document).ready(function(){});

$(function(){});

2.4 JQ的基本页面操作函数

css() 等价于JS的xxx.style.backgroudColor=xxx;

addClass()等价于xxx.className = "xx";

$(“#test”).addClass(“test”);

show()展示 等价于xxx.style.display= block/in;ine/in;ine-block;

hide()隐藏 等价于xx.style.display=“none”;

2.5 jQ的链式操作返回给该对象。

对一个对象进行多重操作，并将操作结果返回给该对象。

2.6 JQ和DOM对象的转换

jQ的函数和DOM的函数属性等都是独立的，不可通用，所以有些时候我们需要进行转换，才能使用对应的一些函数。（忘记了一些函数但记得另一个的函数使用）。

3.掌握jQuery的常用选择器

3.1 基本选择器

同CSS选择器

3.2 层次选择器

3.3 属性选择器

3.4 过滤 选择器

基本过滤选择器：

可见性过滤选择器：

表单过滤选择器：（表单校验章节）