jQuery与Javascript对象转换

最新推荐文章于 2024-05-24 14:23:31 发布

原创最新推荐文章于 2024-05-24 14:23:31 发布 · 214 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #Javascript #JQuery对象转换

jQuery 专栏收录该内容

7 篇文章

订阅专栏

本文通过实例演示了如何在JavaScript中使用jQuery库进行DOM元素的选择，并介绍了如何在原生JavaScript对象与jQuery对象之间进行相互转换的方法。

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

jQuery与Javascript对象转换

一、将两者获取的对象，分别进行转换。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="myDiv">不同方式或者文本内容</div>
</body>
<script src="../js/jquery-3.3.1.js"></script>
<script>
    //js的方式获取文本内容
    var myDiv = document.getElementById("myDiv");
    // alert(myDiv.innerText);

    //jq的方式或者文本的内容
    var $myDiv = $("#myDiv");
    // alert($myDiv.html());


    //js转成jq对象获取文本内容
    alert($(myDiv).html());

    //jq转成js对象获取文本内容
    alert($myDiv[0].innerHTML);
</script>
</html>