href要素でクリックイベントをトリガーする方法

以下のように、jQueryを使用してハイパーリンクでクリックイベントをトリガーしようとしています。ハイパーリンクにはIDはありませんが、cssclassはあります

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

上記の機能が動作していません。これはハイパーリンクです

<a href="hyperlinkurl" class="cssbuttongo">hyperlink anchor</a>

私はこれを証明する事実上の証拠を持っていませんが、私はすでにこの問題に遭遇しました。<a>タグでclick（）イベントをトリガーすると、入力ボタンなどで期待するのと同じように動作しないようです。

私が採用した回避策は、ウィンドウにlocation.hrefプロパティを設定することでした。これにより、ブラウザーは次のようにリクエストリソースをロードします。

$(document).ready(function()
{
      var href = $('.cssbuttongo').attr('href');
      window.location.href = href; //causes the browser to refresh and load the requested url
   });
});

編集：

私はjsフィドルを作成しますが、jsfiddleがiframeを使用してコードをレンダリングする方法と混合された質問の性質はそれを失敗させます。

ネイティブDOMメソッドは正しいことをします：

$('.cssbuttongo')[0].click();
                  ^
              Important!

これhrefは、がURL、フラグメント（例#blah）、さらにはjavascript:。

これは、clickjQueryclickメソッドの代わりにDOMメソッドを呼び出すことに注意してください（これは非常に不完全で、完全に無視されますhref）。

_{romkynsのすばらしい答えに加えて..ここにいくつかの関連するドキュメント/例があります。}

DOM要素にはネイティブ.click()メソッドがあります。

ザ・ HTMLElement.click()メソッドは、要素に対するマウスクリックをシミュレートします。

クリックを使用すると、要素のクリックイベントも発生し、ドキュメントツリー（またはイベントチェーン）の上位の要素にバブルアップして、クリックイベントも発生します。ただし、クリックイベントをバブリングし<a>ても、実際のマウスクリックが受信されたかのように要素がナビゲーションを開始することはありません。 （mdnリファレンス）

関連するW3ドキュメント。

いくつかの例..

• jQueryオブジェクトから特定のDOM要素にアクセスできます:(例）

    $('a')[0].click();
  

• この.get()メソッドを使用して、jQueryオブジェクトからDOM要素を取得できます:(例）

    $('a').get(0).click();
  

• 予想どおり、DOM要素を選択して.click()メソッドを呼び出すことができます。（例）

    document.querySelector('a').click();
  

ネイティブイベントをトリガーするためにjQueryは必要ないことを指摘する価値があり.click()ます。

JavaScriptを介してクリックをトリガーしても、ハイパーリンクは開きません。これは、ブラウザに組み込まれているセキュリティ対策です。

ただし、いくつかの回避策については、この質問を参照してください。

皆さんに知らせたいだけですが、受け入れられた答えが常に機能するとは限りません。

これは失敗する例です。

もし <href='/list'>

href = $('css_selector').attr('href')
"/list"
href = document.querySelector('css_selector').href
"http://localhost/list"

または、jQueryから取得したhrefをこれに追加できます

href = document.URL +$('css_selector').attr('href');

またはjQueryの方法

href = $('css_selector').prop('href')

最後に、それを呼び出して、ブラウザの現在のページのURLを変更します

window.location.href = href

またはを使用してポップアウト window.open(url)

ここでは「JSFiddleの例です。

リンクの代わりにボタンをクリックする方法についても同様の問題に直面していました。メソッド.trigger（ 'click'）または[0] .click（）では成功せず、その理由もわかりませんでした。ついに、以下が私のために働いていました：

$('#elementid').mousedown();