前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js对象和jquery对象互相转化

js对象和jquery对象互相转化

作者头像
IT架构圈
发布2018-06-01 12:31:39
1.4K0
发布2018-06-01 12:31:39
举报
文章被收录于专栏:IT架构圈IT架构圈
代码语言:javascript
复制
<!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>
本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2018-04-01,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 编程坑太多 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档