欧美黑人激情性久久,欧美成人免费一区二区,国产一区二区三精品久久久无广告

首頁(yè) > 博客列表 > jQuery--事件的綁定與操作

博主信息

博文 250

粉絲 3

評(píng)論 0

訪(fǎng)問(wèn)量 381094

專(zhuān)題推薦

更多>

相關(guān)推薦

實(shí)例

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
</head>
	<style>
		*{padding:0px;margin:0px;list-style:none;}
		#dvs{
			width:100px;
			height: 100px;
			border: solid 1px blue;
		}

		.lis{
			width: 50px;
			height: 50px;
			border: solid 1px green;
			background:red;
		}
		.divs{
			width: 100px;
			height: 100px;
			background: blue;
		}

		.dvs{
			width:300px;
			height:120px;
			background: purple;
			margin:10px;
		}

		.ls{
			width:130px;
			height:30px;
			background: blue;
		}
	</style>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script>
	$(document).ready(function(){

	});
	//$(function(){}),相當(dāng)于$(document).ready(function())的簡(jiǎn)寫(xiě)
	$(function(){
		$('.divs').click(function(){
			alert(1234);
		})
	})
	</script>
<body>
	<body>
	<div id='dvs'>
		<li class='lis'></li>
	</div>

	<div class='divs'></div>

	<button id='buts'>解綁定</button>
	<button id='bts'>綁定</button>

	<li class='ls'></li>

	<div class='dvs'></div>

</body>
	<script type="text/javascript">
		//綁定單擊事件：$('節(jié)點(diǎn)').click(function())
		//
//		$('.lis').click(function(){
//			//點(diǎn)擊綁定事件
//			alert('你點(diǎn)我干啥');
//		})
		//綁定鼠標(biāo)移入事件
		//$('節(jié)點(diǎn)').mouseover(function(){})
//		$('#dvs').mouseover(function(){
//			var lis = $('.lis').clone(true);
//			$('#dvs').append(lis);
//		})
		//事件綁定
		//ready()文檔加載后激活函數(shù)，當(dāng)文檔加載成功后，才會(huì)執(zhí)行函數(shù)
//		$(document).ready(function(){
//			$('.divs').click(function(){
//				alert(1234);
//			})
//		})
		//bind()方法綁定
		//bind() 方法為被選元素添加一個(gè)或多個(gè)事件處理程序，并規(guī)定事件發(fā)生時(shí)運(yùn)行的函數(shù)。
		//規(guī)定向被選元素添加的一個(gè)或多個(gè)事件處理程序，以及當(dāng)事件發(fā)生時(shí)運(yùn)行的函數(shù)。
		//$('元素節(jié)點(diǎn)').bind('綁定的方法','值:可省略',function())
//		$('#bts').click(function(){
//			$('.dvs').bind('click',function(){
//				alert(123456);
//			})
//		})
		//unbind()解除綁定
		//unbind() 方法移除被選(被綁定)元素的事件處理程序。
		//$('節(jié)點(diǎn)').unbind(事件,function(執(zhí)行函數(shù)，可省略))
//		$('#buts').click(function(){
//			$('.dvs').unbind('click');
//		})
		//非動(dòng)態(tài)方式,使用非動(dòng)態(tài)方式獲取的，其克隆所產(chǎn)生的節(jié)點(diǎn)效果不會(huì)被關(guān)聯(lián)
		//
//		$('.dvs').on('click',function(){
//			alert(123456);
//		})
		//動(dòng)態(tài)方式
		//說(shuō)那個(gè)動(dòng)態(tài)方式獲取的，改方式被克隆或其他操作時(shí)，所產(chǎn)生的新節(jié)點(diǎn)會(huì)被功能關(guān)聯(lián)
		$(document).on('click','.dvs',function(){
			alert('1234567');
		})
		//
		$('.ls').click(function(){
			var ds = $('<div class="dvs"></div>');
			$('body').append(ds);
		})

		//
		$('.dvs').click(function(){
			alert('你點(diǎn)擊了我???');
		})
		//trigger 事件觸發(fā)
		//trigger 用于觸發(fā)部分的事件
		$('.dvs').trigger('click');
		//hover  事件切換,用于事件切換
		$('.dvs').mouseover(function(){
			alert('你摸了我');
		})
		$('.dvs').mouseout(function(){
			alert('摸完我你離開(kāi)了')
		})
		//hover用于事件切換，合并了鼠標(biāo)移入和鼠標(biāo)移除事件
		//$('節(jié)點(diǎn)').hover(function(),function())
		//前面一個(gè)是鼠標(biāo)移入事件，后面的函數(shù)是鼠標(biāo)移除事件
		$('.dvs').hover(function(){
			alert('你摸了我');
		},function(){
			alert('摸完我你離開(kāi)了');
		})
	</script>
</html>

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線(xiàn)實(shí)例

本博文版權(quán)歸博主所有，轉(zhuǎn)載請(qǐng)注明地址！如有侵權(quán)、違法，請(qǐng)聯(lián)系admin@php.cn舉報(bào)處理！

全部評(píng)論文明上網(wǎng)理性發(fā)言，請(qǐng)遵守新聞評(píng)論服務(wù)協(xié)議

0條評(píng)論

作者最新博文

2018/3/15（文本元素）

2018-03-25 22:26:52

亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

實(shí)例