初始jQuery

一、学习目的

能够搭建jQuery开发环境

使用ready( )方法加载页面、掌握jQuery语法

使用addClass( )方法和css( )方法为元素添加CSS样式

使用next( )方法获取元素

会使用show( )和hide( )显示和隐藏元素

二、jquery简介

jQuery由美国人John Resig于2006年创建

jQuery是目前最流行的JavaScript程序库，它是对JavaScript对象和函数的封装

它的设计思想是write less,do more

jQuery能实现的功能（jQuery能做的JavaScript也都能做，但使用jQuery能大幅提高开发效率）：

访问和操作DOM元素

控制页面样式

对页面事件进行处理

扩展新的jQuery插件

与Ajax技术完美结合

jQuery优势：

体积小，压缩后只有100KB左右

强大的选择器

出色的DOM封装

可靠的事件处理机制

出色的浏览器兼容性

使用隐式迭代简化编程

丰富的插件支持

jQuery基本语法：

$(selector).action() ;    jQuery对象.事件（绑定的方法）；

工厂函数$()：将DOM对象转化为jQuery对象

选择器 selector：获取需要操作的DOM 元素

事件action()：jQuery中提供的事件

$(document).ready()与window.onload类似，但也有区别

 

三、jQuery操作页面元素

使用addClass( )方法为元素添加样式      jQuery 对象.addClass([样式名]);

使用css( )方法设置元素样式         css({"属性1":"属性值1","属性2":"属性值2"...}) ;

使用show( )、hide( ) 方法设置元素的显示和隐藏     $(selector).show( );  $(selector).hide( );

四、链式操作（对一个对象进行多重操作，并将操作结果返回给该对象）

$("h2").css("background-color","#ccffff").next().css("display","block");

五、隐式迭代（对父类进行了配置，导致子代也受到影响）

$(document).ready(function() {

        $("li").css({"font-weight":"bold","color":"red"});

    });

六、注释

开发阶段：为代码添加注释，可以增加代码的可读性，能够让别人很容易的读懂你的代码，便于                      后期维护。

维护阶段：建议把关键的模块形成开发文档，便于后期维护，即便后期删除代码注释，也不影响                      后期维护。

产品正式发布：建议删除注释，减少文件大小，加快下载速度，提高用户体验。

七、DOM对象和jQuery对象

DOM对象：直接使用JavaScript获取的节点对象

jQuery对象：使用jQuery包装DOM对象后产生的对象，它能够使用jQuery中的方法

DOM对象和jQuery对象分别拥有一套独立的方法，不能混用

var txtName =document.getElementById("txtName");   把DOM对象转换成jQuery对象

这里可以通过get（index）方法得到相应的DOM对象    var txtName =$txtName.get(0);      

var $txtName =$(txtName);       把jQuery对象转换成DOM对象

八、总结

        这里的内容看着真的很少，可是这并不影响它很重要。它可以说是js的进阶工具。这只是初始，对于这章的学习应该是多练习，发现问题并解决它这样来提高对jQuery的理解。