初识 jQuery

jQuery 简介 （初识 JQuery）：

jQuery API 中文文档 | jQuery API 中文在线手册 | jquery api 下载 | jquery api chm (cuishifeng.cn)

CRUD（增删改查）

【1】jQuery是什么？

--------------------一个优秀的 JS 函数库 （ 主要封装了BOM 和 DOM ）

---------------------使用 JQuery 的网站超过90%

---------------------中大型Web项目开发首选

 特点     ： Write Less ,Do More !!!

【2】为什么用 jQuery?

-----------------------HTML元素选取（选择器）

-----------------------HTML元素操作

-----------------------Css操作

-----------------------HTML事件处理

-----------------------JS动画效果

-----------------------链式调用

-----------------------读写合一

-----------------------浏览器兼容

-----------------------易扩展插件

-----------------------ajax封装

【3】如何使用jQuery?

-------------1、引入jQuery库

<script src="https://code.jquery.com/jquery-2.2.3.js"></script>

-------------2、使用jQuery

jQuery两把利器：

【1】jQuery核心函数

一般作为函数调用： $(param)

1）参数为函数 ： 当Dom加载完成后，执行此回调函数 （ $(function(）{} )

2）参数为选择器字符串：查找所有匹配的标签，并将它们封装成jQuery对象 ( $("#app") )

3）参数为DOM对象：将DOM对象封装成jQuery对象 ( $(this) <----- 这里的this指的是DOM元素< button> )

4）参数为html标签字符串（用的少）：创建标签对象并封装成jQuery对象 ( $("< input name="msg3" >").appendTo('div') )

（ 注： 封装成jQuery对象说明可以使用jQuery对象的方法 ）

【2】jQuery核心对象

一般作为对象调用 ：

$.each() ---------隐式遍历数组

$.trim() ---------去除两端的空格

理解：

执行的是jQuery核心函数返回的对象

jQuery对象的内部包含的是DOM元素对象的伪数组（可能只有一个元素）

jQuery对象拥有很多有用的属性和方法，让程序员能方便的操作dom

属性/方法：

基本行为：

length 属性 --------------- 包含的dom元素的个数

[index] / get(index) --------------- 得到对应位置的dom元素

each( ) ---------------------遍历包含的所有dom元素

index( ) ---------------------得到所在兄弟元素的下标

扩展：

伪数组：

【1】伪数组是 Object 对象

【2】length属性

【3】数值下标属性

【4】没有数组特别的方法 ：forEach( )， push( )，pop( )，splice（）...

-----------区别两个js库库文件

-----------CDN远程库 （减轻服务器负担）