jQuery 基础

官方介绍：jQuery is a fast, small, and feature-rich JavaScript library.

    jQuery是一个开源的产品，任何人都可以自由的使用，jQuery强调的理念是写的少，做的多(write less, do more)，其独特的选择器、链式DOM操作方式、事件绑定机制、出色的浏览器兼容性、封装完善的Ajax都是其它JavaScript库望尘莫及的，是继prototype之后又一个优秀的Javascript框架 (框架指已经封装好的，据有一定结构和功能的代码)。

扩展知识：库，包：封装了很多预定义的对象和实用的函数。

特点

1、开源产品、语义易懂、丰富文档。（备注：学习jQuery的主要方法就是查看文档）
2、write less, do more。  
3、jQuery 是一个轻量级的脚本，其代码非常小巧。开发版278K，压缩版94K。 
4、jQuery 支持 CSS1~CSS3 定义的属性和选择器 
5、jQuery 是跨浏览器的，它支持的浏览器包括 IE 6.0+、FF 1.5+、Safari 2.0+和 Opera 9.0+、Chrome。 兼容性好。
6、插件丰富，除了 jQuery 自身带有的一些特效外，可以通过插件实现更多功能  
JQuery的宗旨:
write less，do more(写更少的代码，实现更多的功能)

使用场景

①　 处理html 文档  动态的增加、删除html元素
②　 Events         各种鼠标、键盘、浏览器事件
③　 实现动画效果    展开和折叠、隐藏和显示、淡入和淡出等。
 提供AJAX交互  异步加载，局部刷新等，ajax后面有门课程单独讲解

扩展知识： JQuery可以用到任何的网站中.移动端现在一般用zepto.js 这个库跟jquery写法非常相似，所以学好了jquery,也相当于学会了zepto.js。

jQuery demo

黑白交替效果:

 

div盒子 5秒内宽度变为1000px  （注意：属性和值之间是冒号 : 而不是逗号,  多个值之间才是 ，）

 HBuilder引入语法提示：

 $ 符号

     在jQuery中，$是jQuery的别名,可以把$看着jQuery的快捷方式，所有使用$的地方也都可以使用jQuery来替换，如$('#msg')等同于jQuery('#msg') 的写法。$ 符号具体用在以下几个地方：

1、$(“字符串”) 获取页面中元素。例如：$(“#box1”), $(“.box1”)等。   
2、$.ajax() 将$作为函数对象,使用该对象上面的方法。
3、$(function(){}) 注册页面加载完毕事件。等效于window.onload
4、$(domObject); dom对象转为jquery对象。举例：$(window)
5、$(“html代码”) 创建html代码的元素对象。

使用JQuery的大前提

1、使用jQuery之前必须先引入jQuery的js文件,你的代码要写在引入jQuery之后.

2、查找元素要保证你的元素的确是存在的。
3、查找元素要保证你的获取的代码是在元素已加载后执行。

注意：很多初学者，发现通过jQuery的方法无法获取元素。其实最普遍的问题是因为元素为未加载。

解决办法：

1.获取代码写在body元素内容的最后。
 2.通过jQuery 页面加载事件。
    $(function(){
            //页面加载完毕,获取页面元素。
             alert(“hello jQuery”) ;
    });
下面两个个方法跟上面这个方法是同一个意思
$(document).ready(function(){
 			//页面加载完毕,获取页面元素。
            alert(“hello jquery”) ;
     });
jQuery(function(){
 			//页面加载完毕,获取页面元素。
             alert(“hello jquery”) ;
    });