a href="#" onclick="return false"

a 태그의 href를 무효화하는 법 : onclick ="return false();"를 붙여준다.

  <a href="#" class="btn btn-large btn-default" onclick="return false;" id="delete">탈퇴</a>

<script>
 
    $(document).ready(function() {
 
        $("#delete").click(function() {
 
            $("#myModal").modal('show');
 
                $("#yBtn").click(function() {
 
                    $.ajax({
 
                        url : '${root}/member',
 
                        type : 'DELETE',
 
                        dataType : 'json',
 
                        success : function(data) {
 
                            location.href = data.result;
 
                        }
 
                    });
 
                });
 
                $("#nBtn").click(function() {
 
                    $("#myModal").modal('hide');
 
                });
 
        });
 
    });
 
</script>

모달 취소 버튼(#nBtn)을 누를떄, 자꾸 주소창 끝에 #이 붙어서 에러가 났는데

onclick="return false()"를 붙여주니 #이 안붙고 모달만 잘 사라짐ㅎ

응용 : onclick="myFunction(); return fasle" 하면 자바스크립트의 function 실행 후, 마지막에 return false; 가 된다

div와 같은줄에 뭔가를 추가하고 싶을 땐, span을 쓰자.

<span class="redFont"> 빨간글자 </span>

하고 클래스에 컬러:레드 주면 된다