how to click an anchor tag from javascript or jquery

Question

Have an anchor tag, trying to click it from the javascript but not responding, while loading the page it should go to next.php without click anchor tag manually.how can I archive this?

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="jquery-2.0.3.js"></script>
    <script type="text/javascript">
         alert("hai");
         $(document).ready(function() { $('#about').click(); });             
    </script>
</head>   
<body>
    <div>
         <a href="next.php" id="about">click here</a>
    </div>
</body>
</html>

Shaunak D · Accepted Answer · 2015-06-01 04:24:00Z

33

Use $('selector')[0], as $('selector') returns a jQuery object, so $('selector').click() will fire the click handler, while $('selector')[0].click() would fire the actual click.

$(document).ready(function () {
    $('#about')[0].click();  //$('#about').get(0).click();
});

Demo

answered Jun 1, 2015 at 4:24

Shaunak D

20.7k10 gold badges48 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Nagaraj Jayaraman Over a year ago

shall i know why [0] after id? what is get(0)?

Shaunak D Over a year ago

get(0) is same as [0]. Why[0] after id because- $('#about') returns a jQuery object. So a click event on this will fire a jQuery click handler, if defined. $('#about')[0] will return a javascript object and click() on this will simulate actual click.

Pravinraj Venkatachalam Over a year ago

It worked for me. Anyway I could not understand the concept of "will fire the click handler, while ***** would fire actual click."

Prateek Gupta Over a year ago

@ShaunakD Thanks bro searching for this for a long time

PhuLuong · Accepted Answer · 2015-06-01 04:13:54Z

3

You can not use javascript to fire click event

It should use

<script type="text/javascript">
       $(document).ready(function() { 
             document.location.href='/next.php'
       });
</script>

answered Jun 1, 2015 at 4:13

PhuLuong

5374 silver badges11 bronze badges

1 Comment

Shaunak D Over a year ago

You can not use javascript to fire click event - You can stackoverflow.com/q/2381572/3639582.

user786 · Accepted Answer · 2015-06-01 04:25:44Z

1

Here is the code that can help you

$(document).ready(function() {


  $(document).ready(function() {
    $('a').trigger('click');
  });

})

function abc() {
  alert("");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" onclick="abc()">click me not</a>

If you want the recommended way then use this inside $(document).ready

window.location="where ever you want to go";

answered Jun 1, 2015 at 4:25

user786

4,4406 gold badges53 silver badges112 bronze badges

Comments

Kurenai Kunai · Accepted Answer · 2015-06-01 04:18:51Z

0

If you want the page to go to next.php without clicking then place the window.location directly into $(document).ready(function() { });

Click() function is used when you want to trigger click event. ie. when you want to trigger some action when anchor tag is clicked.

<script>
   alert("hai");
   $(document).ready(function() { 
      window.location = 'next.php';  //If you wish the page to automatically go to next page on page load.
      $('#about').click(   // If you wish to do something clicking anchor
        function(){
           alert("Hello");
        }); 
      });
</script>

answered Jun 1, 2015 at 4:18

Kurenai Kunai

1,9022 gold badges14 silver badges23 bronze badges

Comments

ndlinh · Accepted Answer · 2015-06-01 04:29:19Z

0

$(document).ready(function() { $('#about').trigger('click'); });

Updated:

 $(document).ready(function() {  $('#about')[0].click(); });

edited Jun 1, 2015 at 4:29

answered Jun 1, 2015 at 4:20

ndlinh

1,3659 silver badges14 bronze badges

1 Comment

Nagaraj Jayaraman Over a year ago

no respond for this code, it shows normal, after click only it goes next page.

Collectives™ on Stack Overflow

how to click an anchor tag from javascript or jquery

5 Answers 5

4 Comments

1 Comment

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

4 Comments

1 Comment

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related