第五章 初始jQuery

1、什么是jQuery
jQuery是JavaScript的程序库之一 ，它是实现Javascript对象和实用函数的封装，
 使用它可大大提高Web客户端的开发效率，减少了代码量，
能使页面在各个浏览器保持统一的显示效果，不存在浏览器兼容问题。

Javascript是一种面向web的脚本语言，大部分网站都是使用了Javascript。

1）访问和操作DOM元素
2）控制页面样式
3）对页面事件的处理
4）方便的使用jQuery插件
5）与Ajax技术的完美结合

jQuery的优势
1）轻量级。体积小
2）强大的选择器，
3）出色的DOM封装
4）可靠的事件处理机制
5）出色的浏览器兼容性
6）隐式迭代
7）丰富的插件支持

2、jQuery的语法

引入jQuery文件
<script src="js/jquery-1.8.3.js" type="text/javascript"></script>

显示页面
<script>
    $(document).ready(function () {
        alert("我欲奔赴沙场征战jQuery,势必攻克之！")

    });
</script>

jQuery代码中常见的有工厂函数$()、选择器selector和方法action()。
jQuery程序代码的特色：包含$符号和连缀操作。

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

使用show()和hide()进行隐藏和显示

$(document).ready(function () {
    $("li").mouseover(function () {
        $(this).css({"background":"#2532C8"});//当前；li背景颜色为橙色
        $(this).children("div").show();//显示对应的二级菜单
    }).mouseout(function () {
        $(this).css({"background":"#c81623"});//当前li背景恢复原来颜色
        $(this).children("div").hide();//隐藏
    })
})