jquery入门:启动顺序,核心用法

1.导入环境

<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>

2.代码概要

<script type="text/javascript">
	//页面加载后在运行/3
	window.onload = function(){
		alert("winodw onload 3");
	}
	
	//在DOM加载完成时运行/1(运行顺序)
	jQuery(document).ready(function(){
		alert("jquery ready 1");
	});
	
	//用法一:页面加载后运行函数(jquery(callback))	/2
	jQuery(function(){
		alert("jquery 加载函数 2");
		//用法二:jquery(expression)
		alert($('#name').val());
		
		//用法三:jquery(element)  dom-->jquery
		var dom_input = document.getElementById('name');
		alert($(dom_input).val());
		
		//用法四:jquery(html)
		var html_div = $('<div>div</div>');
		alert(html_div.html());
		
	});
</script>

相关推荐