jQueryを使ってHTMLをオーバーレイ表示する方法を現役エンジニアが解説【初心者向け】
オーバーレイとは 「オーバーレイ」は要素を重ねて表示することです。 例えば、Webサイトでダイアログやポップアップ広告などを表示する際に使用されます。 そして、この記事ではjQueryを使ってHTMLの要素をオーバーレイ表示する方法を確認していきましょう。 様々なオーバーレイ表示をみてみよう オーバーレイ表示をいくつか確認していきます。 以下は、ダイアログウィンドウを表示する例です。画面の中央にある小さめのウィンドウがオーバーレイで表現されています。 jQueryUI Dialog 写真に文字を重ねたオーバーレイの例です。観光サイトなどで良く見かけます。 潮風感じる、ゆるい街 台湾・高雄 [PR] Webデザインで副業する学習方法を動画で公開中 jQueryでオーバーレイ表示してみよう 今回のサンプルプログラムでは、jQueryでダイアログウィンドウを作成します。 なるべくシンプルなコード
Is jQuery .text() method XSS safe?
I have unescaped data from users. So is it safe to use like this: var data = '<test>a&f"#</test>'; // example data from ajax response if (typeof(data) === 'string') $('body').text(data); Can I use like this or there is some problems like encoding or some specific symbols that I should be careful and add more strict validation?
jQueryにおけるattrとpropの違いと使いドコロまとめ - Qiita
checkboxやradioのチェック状態を調べる際にはattrではなくpropを使うのが良い。 attrでも取れないこともないですが、propで取得する方が処理が早いです。 特にIEの場合、inputに対するdisabledの処理がものすごく重く、attrでdisabledやcheckedの処理を沢山していると、無駄に最悪な感じで負荷がかかります。 attrとpropの取得の違い またこの２つは、同じ値を取得してるようで異なる値を取得するので注意。 例えば //チェックした値を取得するよー $(":checkbox").click(function() { alert($(this).prop('checked')); alert($(this).attr('checked')); }); の場合、 チェック時 prop true attr checked 非チェック時 prop fal
要素のプロパティを取得／設定するには？（prop）
任意の要素に対してJavaScriptのプロパティを設定／取得する方法を解説。また、要素の属性を設定／取得できるattrメソッドと機能を比較する。 ← 前回 連載 INDEX 次回 → propメソッドは、要素のプロパティを取得／設定します。attrメソッドと似ていますが、 1属性値とJavaScriptのプロパティとで値が異なるもの、 もしくは、 2そもそも（属性名に対応しない）JavaScriptのプロパティにしかない情報 を取得する際に利用します。 具体的には、 1はselected／checked／disabled／multipleなどの属性のこと、 2はtagName／nodeName／nodeTypeのようなJavaScriptプロパティのことです。 以下は、prop／attrメソッドを利用して、さまざまな属性／プロパティにアクセスする例です。
jQuery リファレンス：prevAll
索引 ├ リファレンス目次 ├ アルファベット順 └ 検索 Core：コアとなる仕組み ├ 目次 ├ jQuery(selector) ├ jQuery(html) ├ jQuery(function) ├ jQuery.holdReady() ├ jQuery.noConflict() └ jQuery.sub() 他ページ参照 └ jQuery.when() Selectors：セレクタ └ 目次 基礎 ├ *（すべて） ├ element（html要素） ├ #id名（ID属性） ├ .class名（clas属性） ├ 複数のセレクタ(and) └ 複数のセレクタ(or) 階層関連 ├ 先祖 子孫 ├ >（子要素） ├ +（直近の後要素） └ ~（後要素） 属性 ├ [属性名] ├ [属性名='値'] ├ [属性名!='値'] ├ [属性名^='値'] ├ [属性名$='値'] ├
jQuery.ajax()のJSONやJSONP取得で200 OKなのにエラーになる件のまとめ
jQuery.ajax()のJSONやJSONP取得で、200 OKにもかかわらずエラーになる件についてまとめました。 １．問題点 次のようなJSONデータを読み込むスクリプトを書きました。 JSONデータ {'foo':'bar'} スクリプト <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script> $(function(){ $.ajax({ url: "sample.json", dataType: 'json', }) .done(function(data) { console.log("OK"); }) .fail(function(xhr, textStatus, errorThrown) { console.log("NG:" + xh
IEがajaxキャッシュするのを抑制 - はらぐろブログラマン
IEはXmlHttpRequestでキャッシュする問題がありますが、 jQueryのajaxメソッドも同じ問題が起きます。 でもさすがjQuery。対処法は用意されている。 JavaScriptの最初の方で以下のメソッドを1回呼ぶだけ。 $.ajaxSetup({ cache: false });
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FileSystemObject オブジェクトでファイル名にワイルドカード文字を使用できますか - Hey, Scripting Guy!