您的位置：首页 > Web前端 > JQuery

带你学习Jquery（一）：Dom对象和Jquery对象

2011-08-26 17:52 288 查看

以复选框的使用加深Dom对象和Jquery对象的理解

首先是Dom方式

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>1-6-2</title>
	<!-- 引入 jQuery -->
	<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
	<script type="text/javascript">
	//等待dom元素加载完毕.
	$(document).ready(function(){
	var $cr = $("#cr"); //jQuery对象
	var cr = $cr.get(0); //DOM对象，获取 $cr[0]
	$cr.click(function(){
	if(cr.checked){ //DOM方式判断
	alert("感谢你的支持!你可以继续操作!");
	}
	})
	});
	</script>
	</head>
	<body>
	<input type="checkbox" id="cr"/> <label for="cr">我已经阅读了上面制度.</label>
	</body>
	</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航