web基础学习笔记(十一)之jquery对象和dom对象的不同

最新推荐文章于 2024-03-12 11:38:47 发布

weixin_44014196

最新推荐文章于 2024-03-12 11:38:47 发布

阅读量55

点赞数

分类专栏： web学习文章标签： jquery

本文链接：https://blog.csdn.net/weixin_44014196/article/details/108652146

版权

web学习专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--jquery对象是dom对象的数组+jquery提供的一系列功能函数-->
    <!--jquery对象和dom对象的不同
        jquery对象不能使用dom对象的属性和方法
        dom对象也不能使用jQuery对象的属性和方法
        -->

    <!--1.dom对象转换为jquery对象
        (1)先有dom对象
        (2)$(DOM对象)就可以转换成jquery对象
        var.$obj = $(dom对象)-->

    <!--2.jquery对象转换为dom对象
        (1)先有jquery对象
        (2)jquery对象[下标]取出相应的dom对象
        var dom = $obj[下标]-->
    <script src="jquery/jquery-3.5.1.js"></script>
    <script type="text/javascript">
        $(function () {
            document.getElementById("testDiv").innerHTML = "这是dom对象的属性InnerHtml";
            $("#testDiv").click(function () {
                alert("jquery对象的属性")
            })

        });

    </script>
</body>
    <div id="testDiv">Atguigu is very good</div>

</html>

weixin_44014196

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web基础学习笔记(十一)之jquery对象和dom对象的不同

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>  <!--jquery对象和dom对象的不同 jquery对象不能使用
复制链接

扫一扫