JQuery基础

1. JQuery是JavaScript的程序库之一是JavaScript对象和使用函数的封装。
2. JavaScript库：
   把JavaScript里面常用的功能代码封装成了一个文件，使用的时候直接引用即可。
3. jQuery能做什么？
   答：访问和操作DOM元素
   控制页面样式
   对页面事件进行处理
   扩展新的jQuery插件
   与Ajax技术完美结合
   注：jQuery能做的JavaScript也都能 做，但使用jQuery能大幅提高开发效率
4. jQuery的优势
   答：体积小，压缩后只有100KB左右
   强大的选择器
   出色的DOM封装
   可靠的事件处理机制
   出色的浏览器兼容性
   使用隐式迭代简化编程
   丰富的插件支持
5. 获取jQuery：
   进入jQuery官网：http://jquery.com
6. 在页面中引入jQuery

<script src="js/jquery-1.12.4.js"        type="text/javascript"></script>

7. jQuery语法结构
   语法：$(selector).action();工厂函数$()：将DOM对象转化为jQuery对象
   选择器 selector：获取需要操作的DOM 元素
   方法action()：jQuery中提供的方法，其中包括绑定事件处理的方法
8. jQuery操作页面元素
   答：使用addClass( )方法为元素添加样式
   使用css( )方法设置元素样式
   使用show( )、hide( ) 方法设置元素的 显示和隐藏
9. CSS（）方法
   css(“属性”,“属性值”) ;
   css({“属性1”:“属性值1”,“属性2”:“属性值2”…}) ;
10. 设置元素的显示和隐藏
    $(selector).show( );
    $(selector).hide( );
11. jQuery代码风格：“$”等同于“jQuery”例：$(document).ready()=jQuery(document).ready()
12. DOM模型
    浏览器把HTML文档的元素转换成节点对象，所有节点组成了一个树状结构
13. DOM对象和jQuery对象
    DOM对象：直接使用JavaScript获取的节点对象
    jQuery对象：使用jQuery包装DOM对象后产生的对象，它能够使用jQuery中的方法
    注：DOM对象和jQuery对象分别拥有一套独立的方法，不能混用
    使用$()函数进行转化：$(DOM对象)
    注：jQuery对象命名一般约定以$开头在事件中经常使用$(this)，this是触发该事件的对象
14. jQuery对象转DOM对象
    jQuery对象是一个类似数组的对象，可以通过[index]的方法得到相应的DOM对象
    通过get(index)方法得到相应的DOM对象