$(this).css("background", "");
}, //鼠标移出失去焦点
click: function () {
alert(this.innerHTML);
}
}).unbind("mouseout mousemove");
//解除事件
});
--<body>
<ul>
<li>一个示例</li>
<li>二个示例</li>
<li>三个示例</li>
</ul>
</body>
2，复合事件
hover()和toggle()方法，这两个方法和 ready()方法相似都是jQuery自定义的方法。
a:hover()方法用于模拟鼠标指针悬停事件
<script src="js/jQuery1.11.1.js" type="text/javascript"></script>
<script>
$(function () {
$("#menu").hover(function () { //鼠标悬停事件 改变元素css样式
$("#myacc").css("display", "block");
}, function () {
$("#myacc").css("display", "none");
});
});
</script>通常用在网站导航栏下拉的隐藏效果，相当于鼠标事件的mouseover 和mouseout事件
b:toggle()方法 在1.9以上的jquery都删除了这个事件。
toggle()方法相当于鼠标连续单击事件，执行的fn
$(function () {
$("#one").toggle(
function () {
$("#two").show(); //控制元素显示
}, function () {
$("#two").hide(); //控制元素隐藏
}
);
});
//产生类似于 导航栏的单击出现再次单击关闭的效果-
3，
a：控制 元素的显示与隐藏
在jQuery中，可以使用【show() hide()】控制元素的的显示和隐藏
属性：【speed】[callback]
speed的默认的值有slow(0.6s) normal(0.4s) fast(0.2s)
前者控制元素显示或隐藏的速度，后者是指元素执行完方法后callback的自定义函数
----
$(function () {
$("body").click(function () {
$("img").show("slow"); //单击窗体 一图片以slow方式显现出来
});
});
----
--省略部分代码
<img src="1.jpg">
b:相似的方法还有控制元素的淡入淡出分别对应fadein()和fadeout()
对应语法是$(selector).fadein([speed],[callback]) –以淡出的方法控制元素
$(selector).fadeout([speed],[callback])–控制元素淡出
c：改变元素高度的方法
slideDown(),slideUp(),
语法类似
