java Web第一章学习内容（jquery基础）

一jquery基础

基本的jquery入口，.ready代表文档加载完毕后自动执行该方法。以$符号开头

参考代码：

$(document).ready(function () {

})

addClass("样式名")        添加自定义的样式

.css({"属性名":"属性",})        直接添加CSS样式

参考代码：

$(document).ready(function () {
    alert("加载成功");
    $("#haha").addClass("hahayangshi")
    $("li").click(function () {
        $(this).addClass("liyangshi");
        $(this).css({"background":"6cf","font-weight":"bold","color":"#ffcc00"});
        $(this).hide();
    })

})

.hide()            隐藏

参考代码：

$("ul").hide();

.hide()           显示

参考代码：

$("#menu-ul").show();

mouseout        鼠标移出

mouseover        鼠标进入

参考代码：

$(document).ready(function () {
    $("ul").hide();
    $("#menu").mouseout(function () {
        $("#menu-ul").hide();
    });
    $("#menu").mouseover(function () {
        $("#menu-ul").show();
    })
})

#代表选择Id,    .代表选择class