因为js dom对象和jQuery对象的函数不能互相使用,所以往往需要对两者进行转换
方法代码如下:
<script type="text/javascript">
// 直接获得js对象
var input1 = document.getElementById('input1');
// 直接获得jquery对象
var $input1 = $("#input1");
//将js对象转换成jquery对象
//语法:$(dom对象) 或 jQuery(dom对象)
var $input2 = jQuery(input1); //方式一
var $input3 = $(input1); //方式二
//将jQuery对象转换成js dom对象
//语法: $(jQuery对象)[索引号]
//jQuery对象内部以数组方式存放所有的匹配数据,如果只匹配到一个,索引号为0。
var input2 = $input1[0];
</script>
需要注意的问题:
因为jQuery对象内部以数组的方式存放js对象,所以当对jQuery对象进行遍历时,遍历后的每一个值都是js dom对象,
这时如果仍要用jQuery函数对对象进行操作,需将js dom对象转换为jQuery对象。