おすすめのVOD・スマホアプリ・スマホゲームアプリの紹介サイト

LAGRANGE BLOG

jQueryのセレクタ@(アットマーク)にはまる。jQuery selectore @


スポンサーリンク

jquery

-jquery
-

□サイト内検索:

投稿日:2011/11/29 更新日:

人気【常時更新】ゲーム好きは一度はプレイしたい!面白くてハマるおすすめのスマホゲームランキング

[ jQuery ] Target Blank Links - JavaScript - Snipplr Social Snippet Repository
をみてたときの話。

スポンサードリンク
スポンサードリンク

jQueryセレクタに@を使うと…

ソースのセレクタ内に@があったのですがよくわからずに悶々としたので調べました。
[php highlight="1"]
$('a[@rel$='external']').click(function(){
this.target = "_blank";
});
[/php]

答えは
jQuery1.2まではセレクタの属性指定に@が使えたが、jQuery1.3からはつかえませんよーとこと。
jQuery1.3 リリースノート - jQuery 日本語リファレンス

いまのlatestバージョンだと

[html highlight="1"]
$('a[rel$='external']').click(function(){
this.target = "_blank";
});
[/html]
が正しい。

ついでにhtmlの解説

jQueryのセレクタはCSSのセレクタと同じ指定。

サンプルhtmlの指定 
aタグのrel属性の後ろの文字列がexternalでおわっているものをクリックしたら(後方一致)
target="_blank"で開きなさいの意味

サンプルhtml

[html]
<script src="http://code.jquery.com/jquery-1.7.min.js"></script>
<script>
$(function(){

$('a[rel$="external"]').click(function(){
this.target = "_blank";
});
)};
</script>
<!-- 別ウィンドウで開く-->
<a href="http://yahoo.co.jp/" rel="external">ヤフー</a><br>
<!-- 別ウィンドウで開く-->
<a href="http://google.co.jp/" rel="linkexternal">グーグル</a><br>
<!-- 別ウィンドウで開かない-->
<a href="http://jp.msn.com/" rel="externallink">msn</a><br>
[/html]

前方一致でセレクタ指定をしたい場合
[php highlight="1"]
$('a[$rel="external"]').click(function(){
this.target = "_blank";
});
[/php]
完全一致でセレクタ指定をしたい場合
[php language="external"]').click(function(){
this.target = "_blank";
});
[/php]


スポンサードリンク

□サイト内検索: 掲載アプリ数が増えてきました。攻略一覧表示で見つからないものなどは検索をご利用ください。

-jquery
-

空を翔ける新感覚MMORPG「イカロスM」が事前登録開始!

現在事前登録キャンペーン中! フェローと呼ばれるモンスターに乗って空を移動したり、仲間と一緒に空中で大きなボスと闘ったりと Unreal Engine4で描かれる美麗グラフィックで病みつきになりそうなMMORPG!

イカロスM」の事前登録はこちら(メールアドレス登録完了・LINE,Twitter,GooglePlayいずれかで事前登録完了)

「イカロスM」の"事前登録"はこちら

 

ストア高評価4.3!!全世界2,500万ダウンロード達成の本格ストラテジーRPG『アート・オブ・コンクエスト』

城を築いてドラゴンを育てて自軍の英雄を育てていく”兵士たちの反応が楽しい”本格ストラテジーRPG! 全世界2,500万ダウンロード達成で52カ国TOP10ランクインの実績があるアプリゲームです。
「アート・オブ・コンクエスト」の【レビュー】はこちら

 
スポンサーリンク

スマホアプリ攻略記事特集

Android,iPhoneスマホゲームアプリの攻略記事です。
他にもたくさんアプリ攻略情報あり!他の Android,iPhoneゲームアプリ攻略情報を見る >>

 

comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

アプリレビュー

おすすめスマホゲーム・アプリ

最新スマホゲーム攻略はこちらから!

他にもたくさんアプリ攻略情報あり!他の Android,iPhoneゲームアプリ攻略情報を見る >>

おすすめ記事

カメラを止めるな! 1
2
3
4
5
6
7
8
9
10

-jquery
-

スポンサーリンク

Copyright© LAGRANGE BLOG , 2019 All Rights Reserved.