jQuery对象和Dom对象相互转换-优快云博客

本文链接：https://blog.youkuaiyun.com/luoxufeng/article/details/6766126

本文介绍了如何在jQuery中实现jQuery对象与DOM对象之间的转换，并展示了如何利用这些转换来操作页面元素，包括通过不同方法获取元素状态及修改元素内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

学习jquery之路一

jquery对象和dom对象可以相互转换

var $variable=jQuery对象

var variable=Dom对象

jquery对象转换成 Dom对象 var variable2=$variable[0] 或者 var variable2=$variable.get(0)

Dom对象转换为jQuery对象 var $cr=$(variable)

只有Dom对象才能使用Dom中的方法，jQuery对象不可以使用dom中的方法，但是jQuery对象提供了一套完善的工具用于操作Dom

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var $ischeck = $("#cr"); //用jquery方式获取的对象
            var ischeck = $ischeck[0]; //jquery对象转换为Dom对象，还可以用$ischeck.get(0)
            $ischeck.click(function () {
                //                if (ischeck.checked) {
                //                    alert("感谢你的支持！！");
                //                }
                if ($ischeck.is(":checked")) {
                    alert("感谢你的支持~！");
                }
            });
        })
    </script>
</head>
<body>
  <input type="checkbox" id="cr" /><label for="cr">我已经阅读了上面的制度</label>
</body>
</html>

如果是 <input type="text" id="txt"/> 一般用 $("#id").val()进行取值或者赋值的操作,不可以用.html(）和.text()进行操作

如果是 <span id="spText">ssss</span> 一般用$("#spText").text()或者$("#spText").html()进行操作不可用用val()方法进行取值和赋值