jQuery对象与DOM互转

本文记录WEB前端学习过程中遇到的jQuery对象与DOM互相转换~

jQuery对象和DOM对象可以相互转换,但两个对象的函数不能彼此混搭使用。

DOM转换成jQuery对象的语法为:

jQuery(DOM对象);
$(DOM对象);

jQuery对象转换成DOM对象的语法为:

$jQuery[index]

示例代码:

<script type="text/javascript">
	//原生JavaScript对象获取value值
	var d1 = document.getElementById("demoId");
	alert(d1.value);

	//将JavaScript的DOM对象转换成jQuery对象
	var $d2 = $(d1);
	alert($d2.val());

	//将jQuery对象转成DOM对象
	var d3 = $d2[0];
	alert(d3.value);
</script>

标签: none