Disable all A(URL) elements in DIV

I have this html code

<div>
<p>MY Text <a href="url">Text</开发者_开发问答a>
</p>
</div>

I need to use CSS or jQuery disable all A (link) elements in a DIV, when the user moves the mouse over the word: "Text", I want the URL to be inactive so they can't click on it. How do I do that?

To prevent an anchor from following the specified HREF, I would suggest using preventDefault():

$(document).ready(function() {
    $('div a').click(function(e) {
        e.preventDefault();
    });
})

See: Event Object

or

$("div a").click(function(){
                alert('disabled');
                return false;

});

$(document).ready(function () {
    $('div').hover(function(){
        $(this).find('a').attr('disabled','disabled');
    },function(){})
});

But why would you do that?

• Remove the href attribute; or
• Bind an onClick handler which returns false;