jquey笔记–dom对象和jquery对象的相互转换

1、dom对象和jquery对象的相互转换

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript" src="jquery-1.3.1.js"></script>

</head>
<body>
<input type="text" id="test" value="test">
<input type="button" value="提交" onclick="testing()">
<script type="text/javascript">

    //纯js方法
    var obj1=document.getElementById("test");
    function testing(){
        var obj1=document.getElementById("test");
        window.alert(obj1.value);
    }

    //如果是jquery对象,规定一个jquery对象名是 $开头
    var $obj2=$("#test");
    window.alert($obj2.val()); //输出test

    //dom->jquery 对象
/*    $(document).ready(function(){
        var $obj3=$(obj1);  //obj3就是jquery对象
        window.alert($obj3.val());
    });*/

    //jquery->dom对象
    //有两种方法.1.
    $(document).ready(function(){
        //第一种方法 在jquery开发中,把一个对象当做集合处理
        //var obj4=$obj2[0];  //obj4就是dom对象
        //第二种方法
        var obj4=$obj2.get(0);  
        window.alert(obj4.value); //输出test
    });

</script>
</body>
</html>

标签