DOM对象和jQuery对象的转换
<script type="text/javascript"> //js的页面加载事件 window.onload = function () { //获取DOM对象 var inputObj = document.getElementsByTagName("input")[0]; //将DOM对象转换为jQuery对象 var Objquery = $(inputObj); //alertDOM对象 alert(inputObj.value); //alertjQuery对象 alert(Objquery.val()); } //jQuery的页面加载事件 $(function () { //获取jQuery对象 var inputQuery = $("input"); //两种方式将jQuery对象转换成DOM对象 var traObj1 = inputjQuery.get(0); var traObj2 = inputjQuery[0]; //alertjQuery对象 alert(inputQuery.val()); //alertDOM对象 alert(traObj1.value); alert(traObj2.value); }) </script>
DOM对象和jQuery对象之间可以相互获取的方式进行转换.
在DOM对象的事件中可以调用jQuery对象的方法和属性,在jQuery对象的事件中可以调用DOM对象的方法和属性.
注意不能使用DOM对象调用jQuery对象的方法和属性,同样不能使用jQuery对象调用DOM对象的方法和属性.
我们可以认为jQuery是对普通DOM的一种高级封装,所以相同需求下,DOM对象使用属性获取值,jQuery对象使用方法获取值.
posted on 2017-12-06 21:16 Loongforever 阅读(151) 评论(0) 编辑 收藏 举报