hide()和click()方法jquery

Question

我试图在用户点击提交按钮时隐藏元素.

    <div class="form-group submit">
        <input type="submit" value="Submit Answers" class="button">
        <br>
        <a href="#" data-dismiss="modal" >No Thanks</a>
        <?php endif; ?>
    </div>
</form>
<div class="no-thanks" style="padding-top:0;">
    <a href="#"><h3>No Thanks</h3></a>
</div>

$().ready(function() {
    $('submit').click(function() {
        $('no-thanks').hide(); //or i would like to do this $('no-thanks').addClass('hidden') im using bootstrap
    });
});

我究竟做错了什么？

Answer 1

1. 你错过了选择器$().ready(function() {,它应该是$(document).ready(function() {
2. 您没有选择提交按钮,您需要向id标记添加属性,然后使用该选择器选择元素.
3. 你错过了这一行中类选择器的周期$('no-thanks').hide();,它应该是$('.no-thanks').hide();

$(document).ready(function() {
    $('#submit').click(function() {
        $('.no-thanks').hide();
     });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
    <div class="form-group submit">
        <input id="submit" type="submit" value="Submit Answers" class="button">
        <br>
        <a href="#" data-dismiss="modal">No Thanks</a>
        <?php endif; ?>
    </div>
</form>
<div class="no-thanks" style="padding-top:0;">
    <a href="#"><h3>No Thanks</h3></a>
</div>