js对象和jquery对象互相转化

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="jquery-1.8.3.js"></script>
    </head>
    <body>
<h1 class="h1">能不能给我一首歌的时间</h1>
<h1 id="h2">天生我才必有用</h1>
    </body>
    <script type="text/javascript">
        // 1.将js对象转换成jQuery对象
         // 步骤:
         // a. 获取js对象 >>也就是DOM对象
        var oH = document.getElementsByClassName("h1");
         // b. 讲获取到的DOM对象转换成jQuery对象
        $(oH).click(function() {
            alert('我们不一样');
        });
         // 2.将jQuery对象转换成js对象
         // 第一种方法:
        alert($('#h2')[0].innerHTML);
         // 第二种方法:
        alert($('#h2').get(0).outerHTML);
    </script>
</html>

原文发布于微信公众号 - 编程坑太多(idig88)

原文发表时间:2018-04-01

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券