jQuery selector for links with # in href attribute

Question

I tried to use this jQuery selector:

$(\"a:has(href*=#)\").click(function() {
     alert(\'works\');
});  

but it doesn\'t seem to work. I

Answer 1

You've got to select using the attribute starts with selector:

$('a[href^="#"]').click(function(){
    alert('Works!');
});

Check out my jsfiddle!

Answer 2

$("a[href*=#]").click(function(e) {
    e.preventDefault();
    alert('works');
});  

Answer 3

*= will filter attributes that contain the given string anywhere

$("a[href*='#']").click(function() {
    alert('works');
});

Also note that

$("a[href^='#']").click(function() {
    alert('works');
});

will select any anchor whose href starts with a #