selectorコマンド(Begin With)

説明補足説明コードコメント投稿

このサンプルは、Webページのリンクを検索して外部リンクにイメージ を表示します。 さらに、anchor要素にtarget="_blank"属性を追加してリンクをクリックしたときにブラウザの新規ウィンドウを開きます。

このサンプルは、Webページのリンクを検索して外部リンクにイメージ を表示します。 さらに、anchor要素にtarget="_blank"属性を追加してリンクをクリックしたときにブラウザの新規ウィンドウを開きます。

anchor要素が外部リンクかどうかを調べるには、selectorにa[href^=http://]を指定して検索します。該当するanchor要素が見つかったらaddClass()コマンドでCSSのクラスを設定します。さらに、attr()コマンドでtarget属性を追加します。 外部リンクのイメージは右クリックしてダウンロードしてください。 



$(function() {   
  $("a[href^=http://]")   
    .addClass("link_ext")   
    .attr("target","_blank");   
});