1.jquery隐藏/显示
1.1 隐藏元素:
$("this").hide();//隐藏当前html元素
$("p").hide();//隐藏所有的p元素
$(".类名").hide();//隐藏该类的元素
$("#id名").hide();//隐藏该id的元素
例子:
$(document).ready(function(){
$("button").click(function(){
$(this).hide();
});
});
1.2 显示元素:
$("p").show();
1.3 显示隐藏不断切换:
$("p").toggle();
2. jquery事件
2.1 点击事件:
$("p").click(function(){});
2.2 双击鼠标左键:
$("p").dblclick(function(){});
2.3 鼠标移动进去事件:
$("p").mouseenter(function(){});
2.4 鼠标移除事件:
$("p").mouseleave(function(){});
2.5 鼠标在该段落下按下触发:
$("p").mousedown(function(){});
2.6 鼠标在该段落上松开触发:
$("p").mouseup(function(){});
2.7 hover事件:
$("p").hover(function(){},function(){});
第一个函数是进入时触发,第二个函数是离开时触发
2.8 输入框事件:
$("input").focus(function(){});//输入框聚焦时触发
$("input").blur(function(){});//输入框失去焦点时触发
2.9 修改当前元素的css样式:
$(this).css("background-color","#ffffff");