iou3344 2023-01-30 23:16 采纳率: 84.1%
浏览 40
已结题

getElementById可以改成class的方式吗?

 <button class="fa fa-heart" id="btnRight">右</button>
// 选择器
var Q = function (id) {
return document.getElementById(id)
};

以下代码中的//选择器部分的代码,怎么改成依据button内class="fa fa-heart"的方式,最好全部改写成jquery的啊~

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://www.jq22.com/demo/mSlider201807232231/mSlider.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<html>
<head>
    <meta charset="utf-8">
    <title>侧边滑出弹层插件--mSlider.js</title>
    <style>
        .wrap>div {
            opacity: 0;
            padding: 10px;
        }
        @media screen and (max-width:640px) {
            button {
                width: 100%;
                margin: 2% auto;
                padding: 10px;
            }
        }
    </style>
</head>
<body>
    <i class="fa fa-heart"></i>
    <div class="container">
        <button id="btnRight"></button>
    </div>
    <div class="wrap">
        <div id="commbox">
            <h3>右侧弹层内容...</h3>
        </div>
    </div>
    <script>
        window.onload = function () {
            //移动端使用touchend
            var event = navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i) ? 'touchend' : 'click';
            // 选择器
            var Q = function (id) {
                return document.getElementById(id)
            };
            //方向控制
            //右
            var _right = new mSlider({
                dom: "#commbox",
                direction: "right"
            });
            Q("btnRight").addEventListener(event, function (e) {
                _right.open();
            })
        }
    </script>
</body>
</html>


  • 写回答

2条回答 默认 最新

  • WEBYANGxw 2023-01-31 08:53
    关注

    jq id选择器是 $('#btnRight') ,class 选择器是 $('.fa .fa-heart')。 然后你要确保你项目引入jq。最后送你一句,写项目前先把基础学好

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 2月14日
  • 已采纳回答 2月6日
  • 修改了问题 1月30日
  • 修改了问题 1月30日
  • 展开全部

悬赏问题

  • ¥50 我在一个购物网站的排队系统排队,这个排队到号后重新定向到目标网站进行购物,但是有技术牛通过技术方法直接跳过排队系统进入目标网址购物,有没有什么软件或者脚本可以用
  • ¥15 ios可以实现ymodem-1k协议 1024字节传输吗?
  • ¥300 寻抓云闪付tn组成网页付款链接
  • ¥15 请问Ubuntu要怎么安装chrome呀?
  • ¥15 视频编码 十六进制问题
  • ¥15 unity terrain打包后地形错位,跟建筑不在同一个位置,怎么办
  • ¥15 FileNotFoundError 解决方案
  • ¥15 uniapp实现如下图的图表功能
  • ¥15 u-subsection如何修改相邻两个节点样式
  • ¥30 vs2010开发 WFP(windows filtering platform)