Ryusuke Fuda's Tech Blog

Softweare Enginier about Web, iOS, Android.

jquery

jQuery クリック $(this) 関連

■ クリックされた要素取得 $(this).attr('class'); //classすべて取得 $(this).attr('class').attr('class').split(' ')[0] //ひとつめのclass取得 ※attrで取得した値は単なるstringなので、jQueryの eq() は使えない。 splitでスペースを除いて配列にいれて…

javascript(jQuery)でRSS処理

■ google feed API を使う <div id=="gameNewsFeed"></div> //このdivの中へappend <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("fe…

要素が取得できなくてclick等のイベントが使えないとき

■ ajaxで取得してきたデータをappendでhtml生成しているとき、その下に$('.data').clickをかいてもappendは後から呼ばれるので、$('.data')が取得できず反応しない。■ delegateをつかう $('body').delegate('.data', 'click', function() { console.log($(th…

配列をセレクトフォームへ追加(jQuery)

セレクト: $.each(items,function(key,value){ $('#apps') .append('' + value + ''); } )

リスト要素をクリックするとリスト要素が出てくるtoggle(jQuery)

親要素 子要素

要素の取り方(Javascript,jQuery)

表示中のURLを取得 var url = location.href; URLの中でURLのサーチ情報(?で始まる検索クエリ部分)を取得 var url_search = location.search; リンク のhttp://www.abc.jpだけを取得 var url_link = $(".navigation a"); リンク1

class要素の書き換え(jQuery)

2番目のclassの"list"を"special"の文字列に変更したい var text = $(".contents .list"); $(text[1]).attr("class","special"); (解説) var text = $(".contents .list"); $textにcontentsの中のlistというクラスが配列として入る $(text[1]).att…