カテゴリー : JavaScript

[JavaScript][jQuery] DOM Elementを取得する方法

 

jQueryで DOM Elementを取得する方法を調べたのでメモ。
 

以下のJavaScriptコードとjQueryコードは同じ結果を返します。
 

■ JavaScript

1
document.getElementById('contents');

■ jQuery

1
jQuery('#contents').get(0);

 

以上です。
 

【参考】

jQueryからDOM Elementを取得 – ゆっくり*ゆっくり はてなブックマーク - jQueryからDOM Elementを取得 - ゆっくり*ゆっくり
 

[JavaScript] a href=”” onclick の使い方

onclickの使い方を調べていたら「href=”#” onclick の悪習」という記事を見つけたのでご紹介します。

JavaScript

続きを読む

[Facebookアプリ] JavaScript SDK は必ず https で利用すべし

 

Facebookアプリにて、JavaScript SDK を使う場合は、SSLで利用しないとIEで上手く動作しないなどのバグが発生してしまいます。
 

JavaScript SDKを利用するには、ほとんど Facebook Connect はSSLでも利用できるので、今まで

1
<script src="http://connect.facebook.net/en_US/all.js"></script>

としていたのなら

1
<script src="https://connect.facebook.net/en_US/all.js"></script>

に置き換えるだけでOKです。
 

httpsのページに部分的にセキュアでない接続が混在しているとブラウザ(特にIE)によっては正常に動作しないので注意が必要です。
 

【参考】

JavaScript SDK – Facebook Developers はてなブックマーク - JavaScript SDK - Facebook Developers
 

[JS] jQueryが読み込まれているか確認する方法

 

jQueryが読み込まれているか確認する方法を調べたのでメモ。
 

jQueryを使い始めたばかりだと「$が定義されてません」というエラー「$ is not defined」がよく発生します。
 

以下のコードではtypeof演算子で jQuery が定義されているか確認して、定義されている場合はアラートを表示させています。
 

1
2
3
4
5
if(typeof jQuery != "undefined"){ //jQueryの読み込み確認
    $(function(){
        alert('jQuery is ready.')
    });
}

 

以上です。
 

【参考】

jQueryが読み込まれているか判別する方法 – 小窓屋めがね はてなブックマーク - jQueryが読み込まれているか判別する方法 - 小窓屋めがね

typeof演算子 – 演算子 – JavaScript入門 はてなブックマーク - typeof演算子 - 演算子 - JavaScript入門
 

iframe 内から jQuery UI Dialog を閉じる方法

jQuery UI で iframe 内から Dialog (ダイアログ) を閉じる方法をご紹介します。

jQuery

続きを読む