关于css的问题，求大神帮忙解答一下疑惑

Question

我做了一个小项目用java做的，有2个功能一个实现删除一个实现恢复，点这两个功能时会分别弹出2个不同的提示页面，在这个两个提示页面中都有button按钮，这两个页面的button按钮中都自带了一个class,我使用类选择器时这两个功能都能执行，但是这两个功能不管你是执行的删除或者恢复功能操作，他都是执行的删除的操作，后面我自己加了一个id,想使用id选择器，但是使用id选择器时就不能获取button按钮的功能，请问大神这个问题怎么解决。

×

删除

将被彻底删除，是否继续？

取 消
删 除

        后面转移功能的的button如下：
        <div class="modal-footer" style='margin-top:20px;'>
                        <button type="button" class="btn btn-default cancle" data-dismiss="modal">取 消</button>
                        <button type="button" class="btn btn-primary sure replay">恢 复</button>
                    </div>

Answer 1

不应该出现这种情况，你使用class选择器的时候，可以给删除和取消删除实现不同的两个方法。通过 $(".btn").click() 来分别实现它们的功能，假如使用的是id选择器的时候，两个id一定不能一样，通过 $("#btn").click() 来实现功能。当然，你使用一个方法也是可以实现的，但是在方法中要判断点击的是哪个按钮。最后提醒一点，想要使用$提取元素是jQuery的功能，你需要引入jQuery的包。