创建jQuery对象，js对象转jQuery对象

1.

//导入jQuery库
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script></head>
<input id="inputID" type="button" value="这就是jQuery框,写少代码，做多事情"/>
<div id="divID">哈哈</div>
<script type="text/javascript">
	//取得<input>标签中的value属性的内容
		//js方式
		var inputEle = document.getElementById("inputID");
		var input = inputEle.value;
		alert(input);
		//jQuery方式
		var $input = $("#inputID");
		var input = $input.val();
		alert(input);
		
	//取得<div>标签中的文本内容
		//js方式
		var divObj = document.getElementById("divID");
		var div = divObj.innerHTML;
		alert(div);
		//jQuery方式
		var $div = $("#divID");
		var div = $div.html();
		alert(div);
</script>

2.js对象转jQuery对象

（js对象只能调用js的api）

（jQuery对象只能调用jQuery的api）

<!-- 导入jQuery库 -->
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script></head>
<div id="divID">哈哈</div>
<script type="text/javascript">
	var divElement = document.getElementById("divID");
	//$(js对象)-->jQuery对象，jQuery习惯使用$，js对象习惯使用Element
	var $div = $(divElement);
	var html = $div.html();
	alert(html);
</script>