preventDefault(); を使う 親要素へのバブリング(伝達)を保ちながら、aタグのリンク機能を無効化する。 <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="./hoge.js"></script> </head> <body> <section id="Container"> <div id="Content"> <a href="#">クリックは無効化されるけど、divにhogeクラスが追加される</a> </div> </section> </body> </html>