[jQuery]基础浅析

前言：通过学习Javascript对于Javascript的内容有了一个初步的了解，和Javascript相关的还有一个jQuery,那么什么是jQuery它和Javascript是什么关系呢？jQuery又该怎样应用呢？下面和大家分析一下jQuery的内容。

（一）简介

1.是什么

jQuery是一个快速、简洁的【JavaScript框架】，是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。
它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

2.jQuery的核心特性

具有独特的链式语法和短小清晰的多功能接口;
具有高效灵活的css选择器，并且可对CSS选择器进行扩展;
拥有便捷的插件扩展机制和丰富的插件。
jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

并不是代替JS，实际上就是一堆JS代码，jQuery不是全部的JS，所以有时也需要自己写

3.优势：

Write less do more【写得少，做得多】
兼容性 、体积小、链式编程、隐式迭代、插件丰富(bootstrap强烈推荐)、开源、免费

4.内容

（1）jQuery就是顶级对象，也写为$

可以使用$调用方法jQuery开源，版本的具体实现有些不同JQuery顶级对象：$(就是jQuery对象)

（2）如何使用jQuery库

新建空网站，添加Scripts、Styles目录
js版本有两个(正常、压缩)
将jQuery文件拷贝到Scripts中
添加引用(拖进来)
jQuery写注释很重要

（3）jQuery中提供的两个函数：map和each

函数式循环
遍历数组元素修改和不修改

$.map(arr, func); // functin(ele, i)
$.each(collection, func); // function(k,v)
each函数(可以遍历键值对和普通数组)

(4)jQuery中的trim方法

本质就是正则表达式
$.trim(str);

5.网站

下面有几个关于jQuery的英文原版网站，可以看一下。

jQuery官网
Jquery UI

jQuery在线API:
http://api.jquery.com
http://api.jquery.com/api (xml文件)

（二）应用

1.jQuery对象与DOM对象

DOM对象:
页面上的标签节点等，必须是页面文档树中的节点

获得DOM对象
document.getElement…();方法

(1)将DOM对象转换为jQuery对象(在层中点击按钮显示文本)

var jqObj = $(domObj); // 解决了innerText的兼容性
// jqObj.innerHTML = '123'; 成员不能互相调用

(2)将jQuery对象转换为DOM对象

var domObj = jqObj.get(0);
var domObj = jqObj[0];

2.判断页面上是否存在某id的元素

(1)使用DOM方法获得某id元素，如果元素不存在则得到null
(2)使用jQuery选择器$("#id")得到的是特殊对象集合(包装集)
使用IE开发人员工具添加监视

	if($("#id").length > 0) {
		// 得到元素使用length得到获得元素个数
	}

总结：关于jQuery的内容还有很多，在这里只是浅析一下基本的用法， 后面的博客会和大家分享jQuery中的选择器和过滤器，欢迎大家浏览评论。