[jquery] タグが付いた質問

jQueryとは、ジョン・レシグによって開発された、JavaScriptのライブラリである。エレメントの指定がCSSセレクタと同様の記述で選択ができる。「$」を「jQuery」のエイリアスとして定義されており、関数の呼び出しを容易にしている。また、関数をチェーンさせることで、より柔軟な操作が可能となっている。

絞り込み
並べ替え
タグ付けされた
11
2 回答
381 閲覧数

"self = @" の "@" はどういう意味ですか?

CoffeeScriptで書かれたjQueryプラグインを読んでいるのですが、@の記述がよくわかりません。下記のような使われ方をしているのですが、これは何を表しているのでしょうか。 self = @ また、@はJavascript、jQueryにおいてどんな意味を持ちますか? 本で探しても@に関する記述がなく困っています。
user10719's user avatar
  • 151
10
8 回答
1万 閲覧数

for文でclick時の動作を定義したい

要素#elem0 .. #elem9に対してクリックイベントを設定し、それぞれの要素に対応した番号をalertで出したいと思っています。 下記のコードだと、#elem0をクリックしたときには0、#elem1をクリックしたら1、といったようにです。しかし、下のコードだと常に10が表示され、上記のような挙動になりません。どうすればいいのでしょうか? for (var i = 0; i < ...
Taizan Yonetuji's user avatar
6
4 回答
1,129 閲覧数

あるhtmlタグについて、それを内包しているタグから見た時に何番目の位置に存在しているのか知りたい

例えば、name属性がtitleであるinputタグを内包しているliタグは、ulタグ内で何番目に位置するか という情報を取得したいとき、どのようなJavaScriptを記述すれば実現できるのか良いアイディアが出ません。 どなたかご教授いただければ幸いです。 <ul> <li><input type="text" name="title"></...
TomoyaShibata's user avatar
6
3 回答
1万 閲覧数

li要素のマウスオーバー時に背景色を変えたい

li要素にマウスが乗った時に背景色をフェードさせて変更させたく以下のコードを作成しましたが、アニメーションと色の変更が反映されません。なぜでしょうか。 $(document).ready(function(){ $('li').hover(function(){ $(this).css("cursor", "pointer").stop().animate({...
StackDestroyer's user avatar
6
2 回答
2万 閲覧数

JavaScriptで GUID / UUID(ランダムな文字列)を生成するには

Windows系の開発でよく出てくるGUIDのようなランダムな文字列を生成したいです。 一定の長さ以上のランダムな文字列を生成するだけなので自作できると思いますが、jQueryなどの普及しているライブラリで提供されている関数、または標準的な生成方法があれば、そちらに倣いたいと思います。
jirolabo's user avatar
  • 2,154
6
3 回答
955 閲覧数

jQuery の jqXHR や Promise で成功の場合の結果を変形するには?

jqXHR や Promise が成功した場合に呼ばれる done(fn) の fn に渡される引数を、事前に変形できるでしょうか? 次のようなイメージです。 $.ajax(...) .???(function(originalResult) { // originalResult を変形して return return someTransform(...
kawty's user avatar
  • 531
6
4 回答
2,549 閲覧数

img要素の読み込み完了後に非表示要素を表示したい

img要素の読み込み完了を検知し、非表示要素を表示するため、onload=""を使用してCSSの生成を行いたいのですが、いまいち方法が理解できておりません。 <style> セレクタ {display: none;} </style> 上記のCSSを、onloadを使用して <style> セレクタ {display: block;} </...
名も無いWEB屋's user avatar
5
3 回答
6万 閲覧数

設定されているイベントハンドラを取得する方法

要素に紐付くイベントハンドラを全て取得する方法はあるでしょうか。 たとえば、 <body> <button id="button1" onclick="alert('test1');">test</button> <script> $("#button1").click(function () { alert("...
jirolabo's user avatar
  • 2,154
5
2 回答
1,551 閲覧数

jQueryを拡張して要素を回転させたい

jQueryっぽく要素を回転させたい $("#elem").rotate(90); => #elemが90度回転 $("#elem").rotate() => "90"が返る
Taizan Yonetuji's user avatar
4
2 回答
1万 閲覧数

変数がDOM要素かどうかを判定する方法

event.target には click などのイベント発生時にイベント発生元のDOM要素がセットされていると思いますが、jQuery の ajax() を非同期で実行した場合は XMLHttpRequest オブジェクトが入っていました。 変数の値がDOM要素の場合だけ特定の処理を行いたいです。 event.target に限らず、変数・...
jirolabo's user avatar
  • 2,154
4
3 回答
3,779 閲覧数

jQuery / JavaScriptで、ロード画面を表示させたい

作成したWebサイトのページに含まれるDOM要素が多く、ページの表示が遅い。 また、JavaScriptなどで再レイアウトされる要素が崩れるといった症状がでている。 すべての要素が読み込まれるまでページを表示させず、すべての要素が読み込まれた時点でページを表示させるにはどうすればよいか。
Yuki TANABE's user avatar
4
2 回答
1万 閲覧数

ブラウザの戻るボタンで戻ったときにリロードする方法はありますか?

ブラウザの戻るボタンで戻った時、最新のページを読み込みたいのですが、可能でしょうか? IE10または11でできればOKです。 以下のコードで試してみたのですが、うまくいきませんでした。よろしくお願いします! <script> <!-- window.onunload = function(){location.reload();} --> </script> ...
Yusuke Fujita's user avatar
4
2 回答
1万 閲覧数

jQueryでイベントの処理結果を待つようなループを書きたい

以下のような配列があり、これをループで処理します。 var requestTable = ["owner","users","lines","info"]; $.each(requestTable, function(i, val){ // ループ処理 }); その際に、requestTableのループではそれぞれサーバーからGETでデータを取得します。 // ループ処理の中身 $....
tomorin's user avatar
  • 633
4
1 回答
2万 閲覧数

jQuery 動的に読み込んだDOM要素の表示完了時にjQueryプラグインを適用したい

動的に読み込んだ要素にjQueryプラグインを適用したいです。 <div id="content"> </div> 上記の中に<a class='tooltip' href=...>link</a>を動的に読み込んで追加し、そこにプラグインを適用させたいのですが、うまくいきません。 $(function(){ $("div#content")...
tomorin's user avatar
  • 633
4
1 回答
992 閲覧数

コンボボックスフォーカス時に、左右キー押下で値が変更されるのをキャンセルしたい

コンボボックスフォーカス時に、 左右キー押下でコンボボックスの値が変更されるのをキャンセルしたいのですが、 方法はありますでしょうか? ちなみに、 javascriptのkeydownイベントに、 event.stopPropagation(); event.preventDefault(); return false; などを記述してみましたが効きませんでした。
n_k's user avatar
  • 85
4
1 回答
1,742 閲覧数

Chart.jsで円グラフが表示できない

Chart.jsを使って円グラフ(Doughnut)を表示させようとしています。 Web画面にボタンを表示し、ボタンを押すとダイアログ表示され、そのダイアログ上で円グラフを表示しようとしていますが、ダイアログは表示されるのですが円グラフが表示されません。 new Chartの部分がうまく働いていないようなのですが、原因が不明です。 環境は、Node.js 0.12.1, express 4.12....
uramonk's user avatar
  • 243
4
1 回答
6,364 閲覧数

jQueryUIのautocompleteを日本語確定後に実行させる方法

jQuery/javascriptを勉強中のものです。よろしくお願いします。 テキストボックスでAmazon.co.jpのキーワードサジェスト機能を使いたいと思いまして 調べたところ、 jQueryでAmazon/Googleのsuggest機能を実装する http://d.hatena.ne.jp/tatsu-no-toshigo/20140428/1398667460 ...
fivecafe's user avatar
4
1 回答
1,496 閲覧数

セレクタで選択した要素の、親要素の兄弟要素の内容を、全て取得したい

<tr th:each="info : ${infoList}"> <td><input type="checkbox" name="checkbox" onClick="checkboxClick();"/></td> <td>[[${info.testa}]]</td> <td>[[${...
kanko's user avatar
  • 783
4
2 回答
599 閲覧数

オブジェクトのマージについて

javascriptで下記の2つのオブジェクトをマージしたいと思っております。 valの値は共通しているので”A”という結果になり、childの値はそれぞれ異なるためどちらの値も残し、マージしたいのですがどのような実装が考えられますでしょうか。 ライブラリはjQueryを使用しております。 マージ元 obj1 = { val : "A", child : [{ ...
eos's user avatar
  • 121
4
2 回答
1,461 閲覧数

JS内で生成・appendした要素からスライドショーを初期化する時に、setTimeoutで処理を遅延させないとうまく初期化できないのはなぜ?

動的に作成した要素をappendした後に、その構造に対してスライドショー(bxSlider)を初期化するという処理を実装しようとしています。 この際、スライドショーを「①」で初期化しようとすると上手く初期化できず、 「②」の様にすると上手く動作します。 静的なHTMLであらかじめ構造を用意してから初期化を叩くと正常に動作する為、 HTMLの構造やbxSlider()...
y_hokkey's user avatar
4
2 回答
6,019 閲覧数

javascriptでtextareaの中の高さを取得する方法

textareaではスクロールが有効になるため文字数が多いと、textarea自体の高さと、中身の高さが変わると思います。 この中身の高さを得る方法はありますか?
snxpwf's user avatar
  • 2,040
4
1 回答
5,229 閲覧数

input タグ multiple 属性で選択させた複数のファイルを、個別のクエリパラメータに分けて送信したい

<input file="file" name="files" multiple="multiple" /> によって複数選択されたファイル(例として5つ選択されたとします)を <input file="file" name="files[0]" /> <input file="file" name="files[1]" /> <input file="...
tama's user avatar
  • 117
4
1 回答
244 閲覧数

jQuery2.xでonメソッドをコールしたオブジェクトのセレクタをコールバック関数から参照するには?

$('.hogehoge .hugahuga .piyopiyo div').on('click',function(){ index = $('.hogehoge .hugahuga .piyopiyo div').index(this) }); のように、長ったらしいセレクタを2度記述するのを回避する方法は target = $('.hogehoge .hugahuga ....
hojo's user avatar
  • 1,155
4
0 回答
315 閲覧数

Monaca+Angular+OnsenUIで、input が type="password"のとき、jQueryで値が正しく取得できない

Angular+OnsenUIで、input が type="password"のとき、以下のいずれの方法でも最後の文字が、パスワードの隠し文字に化けます。 jQuery("#passwordInput").val() jQuery("#passwordInput").prop('value') 具体的なHTML <input type="password" id="...
Hitomi's user avatar
  • 41
3
3 回答
2万 閲覧数

jQuery の XSS 脆弱性に対応する良い方法はないか ( v1.4.3 )

はじめまして。 今度運用することになった Web サイトで、専門業者より XSS の脆弱性が指摘されました。 内容は・・・ 最新版でないバージョンのjQueryが使用されています。 古いバージョンのjQueryでは、クロスサイトスクリプティング等の脆弱性が報告されているため、新しいバージョンのjQueryを使用することを推奨します。 とのことでした。 その Web サイトの ...
Web_beginner's user avatar
3
3 回答
379 閲覧数

配列に対して obj[obj.length]=xx としてもlengthが増えない

すごい初歩的なことかもしれませんがわからなかったので質問させて下さい。 配列のlength番目に代入すれば、その分配列の要素数も増えて 以下のようにlengthの値も1増えると思うのですが、 javascript var array = ['A', 'B', 'C']; console.log(array.length); // 3 array[array.length] = 'D'; ...
r-naga's user avatar
  • 51
3
1 回答
268 閲覧数

CSSセレクタの中にある「>」

jQueryのCSSセレクタの中にある「>」の存在理由がわかりません。 元のhtml <div id="button1"> <button>aaa-btn<span class="big"> <span>aaa</span></span></button> css 何かしら適当な色や形状 ...
webman's user avatar
  • 189
3
4 回答
2万 閲覧数

JQueryのAjaxのJSONを取得したい

JQueryのAjaxでdone()を使用しています。その返り値から以下のようにJsonデータを取得しようとしているのですが、エラーがでてできません。 //$.Ajax().done(function(response){ var data = $.parseJSON(response.responseJSON); }); エラー Uncaught SyntaxError: ...
StackDestroyer's user avatar
3
2 回答
461 閲覧数

jquery .html()で、特定条件の場合セレクタが有効にならない問題

下記ソースでの$('.test2')に対しての処理を通したいのですが 動かず困っています。 ご教授ください。 //とりあえず1回書き替えてみる $('#hoge').html('<li>test1</li><div class="test1">click here</div>'); //これは動く $('.test1')....
lasta's user avatar
  • 31
3
2 回答
3,435 閲覧数

IEで window.location.href に data:text/csv;... を設定することが出来ない

現在、tableをCSV出力するためにtable2CSV.jqueryを使用しています。 IE(ver11)の場合、下記のソース中のencodeURIComponentを window.location.hrefに代入している部分でエラーになっており、エラーメッセージは特にないです。※chromeは動作確認済み どうにか動作するようにしたいのですが、 ...
aspara_prime's user avatar
  • 1,316
3
4 回答
368 閲覧数

jQueryでのdelegate系(on/off)で、要素をフィルタしたい

jQueryのdelegate系(on/off)で、例えば以下のようにやると、<form>でもclickイベントが発動してしまうと思います。 var selector = 'a, form'; $(document).on('click submit', selector, function() { // something }); これを、var selector = '...
kijtra's user avatar
  • 113
3
3 回答
3,471 閲覧数

2つの配列a,b間でaにのみ存在する要素をbに追加したい

Javascriptで2つの配列の要素を比較し、配列間で重複している要素だけを削除し結合したいと思っています。 比較する配列は以下のような形です。 var a = new Array("あああ","いいい","ううう","えええ","おおお"); var b = new Array("あああ","いいい","あああ","ううう","えええ","ううう"); 配列[a]...
m.so's user avatar
  • 33
3
2 回答
869 閲覧数

jQueryの関数を一部変更したいとき

var f = $.fn.scrollTop; $.fn.scrollTop = function() { if (this[0] === window) { return f.apply($('.b')); } return f.apply(this); }; $(window).scrollTop()というようにターゲットが $(window) の場合、$('.b')...
qsmq's user avatar
  • 419
3
1 回答
1,674 閲覧数

$.fn.extendによるjQueryの拡張で得られるインスタンスをあらゆる場所から使いまわすには?

先日、画像を左右にスワイプできるslider系のjQueryライブラリを利用していた時、標準のjQueryには存在しないメソッドを呼び出すことで、ライブラリ専用のインスタンスを取得でき、そのインスタンスを利用することで様々なメソッドにアクセスできる、というものがありました。 そこで、自分もjQueryを拡張してみようと思い、真似をして以下の様なコードを書いてみました。 $.fn.extend({...
tutinoco's user avatar
  • 1,201
3
1 回答
4,104 閲覧数

jQueryで複数のイベント発生時処理を同時に定義する

$('.target').on('mousemove,touchmove', function(){ console.log('ok'); }); のようにカンマ区切りで複数のイベント発生時処理を同時に定義出来た気がするのですが、出来ませんでした。 $('.target').on('touchmove', function(){ console.log('ok'); }); $('....
hojo's user avatar
  • 1,155
3
2 回答
4,997 閲覧数

fancyBox2 で写真をポップアップすると、 `Please try again later.` エラーが表示される

fancyBox2 で写真をポップアップさせたいのですが、The requested content cannot be loaded. Please try again later. という文章が出てしまいます。 何が間違えているのでしょうか?? 僕が現状書いているプログラムは以下のとおりです。 なお、 DreamWeaver CS6 の可変グリッドを使いウェブサイトを作っております。 &...
webman's user avatar
  • 189
3
3 回答
2,169 閲覧数

jQuery / JavaScriptで、ページスクロール時にアクションを起こしたい

ページをスクロールした時に、スクロールした距離に応じて、オブジェクトの移動や透過をさせたい。パララックス効果についても簡潔な例を知りたい。
Yuki TANABE's user avatar
3
1 回答
545 閲覧数

jqueryドロップダウンメニューのコードについて質問です。

JavaScript初学者です。jqueryを使って「メニューをhoverするとhoverした要素の下に隠れている中のメニューが表示され、メニューから離れると表示された中のメニューが非表示されるプログラムを作る」という課題がある(htmlで指定されているクラスは削除や追加などの編集禁止)のですが、...
pop's user avatar
  • 33
3
1 回答
1,784 閲覧数

ブラウザの「戻る」ボタンを押したら(リロードしたら)、記述のjavascriptが効かないようにしたい

<script> var flg=true; setTimeout("redirect()", 1000); function redirect(){ if(flg){ flg=false; location.href='http://www.yahoo.co.jp/'; } } </script> index....
lark's user avatar
  • 31
3
1 回答
2,575 閲覧数

JSのFileReaderAPIで読み込んだ画像バイナリを、JavaのImageIOで読み込みたい

JavaScriptのFileReaderで読み込んだ画像データを、サーバーサイドで加工のためBufferedImageに変換したいのですが、うまく変換できません。 画像はWorkerを使った非同期ロードで取得し、 Ajaxでサーバーサイドに送信しています。 worker.js self.addEventListener('message', function(e) { var ...
omarun's user avatar
  • 1,463
3
2 回答
2万 閲覧数

ページを最初から指定の位置にスクロールする

こちらのサイト(http://play-in-hell.com/)ではページが遷移すると一番下から表示されるようになっています。 このように指定した場所からトップページを表示させるにはどのようにしたらよいでしょうか? 私がやりたいのは、トップページに画像が貼ってありその画像の一番下の部分が必ず見えるようにしたいです。...
くにあつ's user avatar
3
2 回答
303 閲覧数

IE11 全角文字を設定した input 要素を追加すると input イベントが発生するのを抑止したい

入力要素の input イベントハンドラをあらかじめ設定している状態で、動的にテキスト要素を追加すると、value に全角文字が含まれている場合、IE11 で input イベントが発火してしまいます。他のブラウザや、テキストに全角文字が含まれていない場合には input イベントは発生しません。 「要素の追加後に input イベントハンドラを後から追加する」...
jirolabo's user avatar
  • 2,154
3
2 回答
1,214 閲覧数

jQueryで指定された値を取得し書き換えたい

HTML <ul id="list"> <li id="meta">hoge<span id="opt">huga</span></li> ... <ul> というテーブルから"hoge"だけをjQueryを使用し取得した後、値を書き換えたいです。 ご教授願えますでしょうか。
momen's user avatar
  • 33
3
2 回答
3,001 閲覧数

JavaScript(jQuery)でkeydown,keyup等のイベントで重い処理をするときsetTimeoutすべき?

以下のような処理があったとき、重い処理はsetTimeoutで処理すべきでしょうか? $(document).bind("keydown keyup",function(e){ if (e.type === "keydown"){ ... //重い処理 } if (e.type === "keyup"){ ... //別の処理 } }...
tomorin's user avatar
  • 633
3
2 回答
1万 閲覧数

CSSのtransform、translateを取得するには?

cssのtransformプロパティについて質問があります。 transformプロパティに、translate(xpx, ypx)を指定した場合のデータを取得するには、どのようにしたらよいでしょうか? この時、文字列以外の形式で取得したいです。 ウェブブラウザ:Google Chrome バージョン 45.0.2454.101 m ・試したこと 1.jqueryでcssを適用した場合 $(...
02773's user avatar
  • 97
3
1 回答
2,259 閲覧数

ラジオボタンで選択した際、セレクトボックスで選択した値が取れない

|AAA|セレクトボックス1▽|●| |BBB|セレクトボックス2▽|○| 上記のような画面でラジオボタンでAAAの方を選択しているのにセレクトボックス2を操作してしまうとセレクトボックス2の値がPOSTでサーバ側に渡されてしまいます。 セレクトボックス1の値を渡すためにはどうすればよろしいでしょうか? <tbody> <% bb.aas.each do |aa| ...
xjr399's user avatar
  • 340
3
3 回答
3,166 閲覧数

jQueryまたはJSまたはcss3のanimationで滑らかに移動させるには?

class="n2"からclass="n1"に移動する際、滑らかにスーッと移動させたいのですが、うまくいきません。 今は、かくかくしています。 jsでclassを変更してcssのpositionで位置をズラしているのですが、滑らかに移動(変更)させるには、どこにどのように書いたらよいでしょうか。ご教示の程よろしくお願いいたします。 https://jsfiddle.net/Lennxhjc/1/ ...
kapimako's user avatar
  • 205
3
1 回答
2,142 閲覧数

jQuery のアコーディオンに、それぞれのコンテンツ縦幅を設定したいです

アコーディオンを使ったウェブページをつくっておりまして、そのアコーディオン自体は正常に動いております。(動作は問題ないです) アコーディオンは5つありまして、その一つ一つにそれぞれのコンテンツをいれたサイトを作りたいのですが、たとえばAのコンテンツを開くと縦幅が長すぎて、下のほうに空欄が出てしまいます。(B,C、D、Eも同様です)。 JavaScript で CSS ...
webman's user avatar
  • 189
3
1 回答
1,834 閲覧数

daterangepicker が複数ある場合の個別処理の方法

以下を使っています。 http://www.daterangepicker.com/ 同ページ内に日付入力欄が複数あるため(動的にいくつでも作成されます)、セレクタは $('.daterange') といった形でクラス指定しています。 日付入力欄それぞれにつき値の表示を変更する処理をcallback関数で行いたいのですが、callback関数内では this が使えず、...
grape's user avatar
  • 33
3
1 回答
757 閲覧数

動的にHTMLを追加読み込みする場合、読み込める量は制限すべき?

TwitterのTLのようにスクロールすると次々と追加読み込みするようなページを作りたいのですが、上部のプルダウンで表示する情報(TLみたいなリスト情報)を切り替えられるようにします。 プルダウンで選択した表示中の情報はスクロールする度に追加読み込みします。 もし、その途中でプルダウンが切り替えられたら、表示内容を切り替えて新しく表示された情報をスクロールのたびに追加読み込みします。 ...
tomorin's user avatar
  • 633

1
2 3 4 5
13