js和jQuery相互转换
1、js对象: document.getElementById(“id”);
<script>
$(function(){
//使用JS方式
var test = document.getElementById("id");
})
</script>
2、jQuery获取HTML元素对象:
<script>
$(function(){
//使用Jquery的方式
var $id = $("#id");
})
</script>
事件:
1).blur : 失去焦点
2).focus : 获得焦点
3).change : 当value值发生改变时
4).click : 单击
5).dblclick : 双击
6).keydown : 键盘按下
7).keypress : 键盘按住
8).keyup : 键盘抬起
9).mousedown : 鼠标按下
10).mouseup : 鼠标抬起
11).mousemove : 鼠标移动
12).mouseover : 鼠标移入
13).mouseout : 鼠标移出
案例一:复选框全选和全不选
<script>
//1、为三个按钮绑定事件
//全选
$("#butAll").click(function(){
$(".itemSelect").prop("checked",true);
})
//全不选
$("#butClear").click(function(){
$(".itemSelect").prop("checked",false);
})
</script>