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

相关文章

网站地图xml地图