jQuery中的事件绑定

事件绑定中常用的三类函数
1、bind()
2、one()
3、change(),keydown(),click()

1、bind()
该方法可以为每个匹配元素的特定事件绑定对应的事件处理函数
2、one()
该方法可以为元素绑定处理函数,当处理函数触发一次后, 立即被删除,即在每个对象上, 事件处理函数只会被执行一次。
3、
change():文本框、密码框和文本域的值发生改变时或下拉列表选项发生变化时触发change 事件
keydown():当键盘或按钮被按下时触发keydown事件
click():鼠标点击匹配元素时触发click事件
相关代码:


<html>
	<head>
		<meta charset="UTF-8">
		<title>title>
		<script type="text/javascript" src="js/jquery-1.8.3.js" >script>
	head>
	<body>
		<div style="border: 1px solid red;">zzudiv>
		<script>
			$("div").bind({
				mouseover:function(){
					this.style.backgroundColor="red";
					console.log(11111);
				},
				mouseout:function(){
					this.style.backgroundColor="black";
				}
			});
			
			$("div").unbind("mouseout mouseover");
			$("div").one({
				mouseover:function(){
					this.style.backgroundColor="red";
					console.log(11111);
				}
			});
		script>
		<script>
			$("div").click(function(){
				console.log(22222);
			});
		script>
		<select id="province">					
			<option value="">---请选择---option>
			<option value="001" selected="selected">北京市option>
			<option value="002">广东省option>
			<option value="003">上海市option>
		select>
		
		<script>
			$("select").change(function(){
				console.log($(this).val());
			});
		script>
	body>
html>

你可能感兴趣的:(jquery)