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

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日
  • 展开全部

悬赏问题

  • ¥20 搭建pt1000三线制高精度测温电路
  • ¥15 使用Jdk8自带的算法,和Jdk11自带的加密结果会一样吗,不一样的话有什么解决方案,Jdk不能升级的情况
  • ¥15 画两个图 python或R
  • ¥15 在线请求openmv与pixhawk 实现实时目标跟踪的具体通讯方法
  • ¥15 八路抢答器设计出现故障
  • ¥15 opencv 无法读取视频
  • ¥15 用matlab 实现通信仿真
  • ¥15 按键修改电子时钟,C51单片机
  • ¥60 Java中实现如何实现张量类,并用于图像处理(不运用其他科学计算库和图像处理库))
  • ¥20 5037端口被adb自己占了