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对象使用方法获取值.