jQuery基础

一、简介

jQuery由美国人John Resig于2006年创建
jQuery是目前最流行的JavaScript程序库，它是对JavaScript对象和函数的封装
它的设计思想是write less,do more

二、作用

访问和操作DOM元素
控制页面样式
对页面事件进行处理
扩展新的jQuery插件
与Ajax技术完美结合

jQuery能做的JavaScript也都能做，但使用jQuery能大幅提高开发效率

三、jQuery的优势

体积小，压缩后只有100KB左右
强大的选择器
出色的DOM封装
可靠的事件处理机制
出色的浏览器兼容性
使用隐式迭代简化编程
丰富的插件支持

四、搭建jQuery环境

第一步：将jQuery开发版本的库文件拷贝到网页中。
第二步：在页面中引入jQuery库文件（可以放入head标签中

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

示例：

<script>
     $(document).ready(function() {
        alert("我欲奔赴沙场征战jQuery，势必攻克之！");
    });
</script>

 五、$(document).ready()与Window.onload区别

 六、jQuery语法结构

$(selector).action() ; 

 工厂函数$()：将DOM对象转化为jQuery对象。
选择器 selector：获取需要操作的DOM 元素。
action()：jQuery中提供的方法，其中包括绑定事件处理的方法。

七、jQuery操作页面元素

jQuery操作页面元素的方法：
1.使用addClass( )方法为元素添加样式

jQuery 对象.addClass([样式名]);

2.使用css( )方法设置元素样式

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

$(selector).show( );
$(selector).hide( );

 示例：

$(this).children("div").show();

$(this).children("div").hide();

 八、jQuery代码风格和规范

1.“$”等同于“ jQuery ”

$(document).ready()=jQuery(document).ready()

$(function(){...})=jQuery (function(){...})     

2.链式操作

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

3.隐式迭代

隐式迭代：对于原生 JS 来说，一般我们设置某类元素的样式，都得使用循环设置，而 jQuery 在使用的时候则无需考虑这点。
jQuery 的方法内部存在隐式迭代，它会对匹配到的所有元素进行循环遍历，执行相应的方法；无需我们再手动地进行循，方便我们使用。

4.注释

5.DOM对象和jQuery对象