[jquery] タグが付いた質問
jQueryとは、ジョン・レシグによって開発された、JavaScriptのライブラリである。エレメントの指定がCSSセレクタと同様の記述で選択ができる。「$」を「jQuery」のエイリアスとして定義されており、関数の呼び出しを容易にしている。また、関数をチェーンさせることで、より柔軟な操作が可能となっている。
639
質問
11
票
2
回答
381
閲覧数
"self = @" の "@" はどういう意味ですか?
CoffeeScriptで書かれたjQueryプラグインを読んでいるのですが、@の記述がよくわかりません。下記のような使われ方をしているのですが、これは何を表しているのでしょうか。
self = @
また、@はJavascript、jQueryにおいてどんな意味を持ちますか?
本で探しても@に関する記述がなく困っています。
10
票
8
回答
1万
閲覧数
for文でclick時の動作を定義したい
要素#elem0 .. #elem9に対してクリックイベントを設定し、それぞれの要素に対応した番号をalertで出したいと思っています。
下記のコードだと、#elem0をクリックしたときには0、#elem1をクリックしたら1、といったようにです。しかし、下のコードだと常に10が表示され、上記のような挙動になりません。どうすればいいのでしょうか?
for (var i = 0; i < ...
6
票
4
回答
1,129
閲覧数
あるhtmlタグについて、それを内包しているタグから見た時に何番目の位置に存在しているのか知りたい
例えば、name属性がtitleであるinputタグを内包しているliタグは、ulタグ内で何番目に位置するか という情報を取得したいとき、どのようなJavaScriptを記述すれば実現できるのか良いアイディアが出ません。
どなたかご教授いただければ幸いです。
<ul>
<li><input type="text" name="title"></...
6
票
3
回答
1万
閲覧数
li要素のマウスオーバー時に背景色を変えたい
li要素にマウスが乗った時に背景色をフェードさせて変更させたく以下のコードを作成しましたが、アニメーションと色の変更が反映されません。なぜでしょうか。
$(document).ready(function(){
$('li').hover(function(){
$(this).css("cursor", "pointer").stop().animate({...
6
票
2
回答
2万
閲覧数
JavaScriptで GUID / UUID(ランダムな文字列)を生成するには
Windows系の開発でよく出てくるGUIDのようなランダムな文字列を生成したいです。
一定の長さ以上のランダムな文字列を生成するだけなので自作できると思いますが、jQueryなどの普及しているライブラリで提供されている関数、または標準的な生成方法があれば、そちらに倣いたいと思います。
6
票
3
回答
955
閲覧数
jQuery の jqXHR や Promise で成功の場合の結果を変形するには?
jqXHR や Promise が成功した場合に呼ばれる done(fn) の fn に渡される引数を、事前に変形できるでしょうか?
次のようなイメージです。
$.ajax(...)
.???(function(originalResult) {
// originalResult を変形して return
return someTransform(...
6
票
4
回答
2,549
閲覧数
img要素の読み込み完了後に非表示要素を表示したい
img要素の読み込み完了を検知し、非表示要素を表示するため、onload=""を使用してCSSの生成を行いたいのですが、いまいち方法が理解できておりません。
<style>
セレクタ {display: none;}
</style>
上記のCSSを、onloadを使用して
<style>
セレクタ {display: block;}
</...
5
票
3
回答
6万
閲覧数
設定されているイベントハンドラを取得する方法
要素に紐付くイベントハンドラを全て取得する方法はあるでしょうか。
たとえば、
<body>
<button id="button1" onclick="alert('test1');">test</button>
<script>
$("#button1").click(function () {
alert("...
5
票
2
回答
1,551
閲覧数
jQueryを拡張して要素を回転させたい
jQueryっぽく要素を回転させたい
$("#elem").rotate(90); => #elemが90度回転
$("#elem").rotate() => "90"が返る
4
票
2
回答
1万
閲覧数
変数がDOM要素かどうかを判定する方法
event.target には click などのイベント発生時にイベント発生元のDOM要素がセットされていると思いますが、jQuery の ajax() を非同期で実行した場合は XMLHttpRequest オブジェクトが入っていました。
変数の値がDOM要素の場合だけ特定の処理を行いたいです。
event.target に限らず、変数・...
4
票
3
回答
3,779
閲覧数
jQuery / JavaScriptで、ロード画面を表示させたい
作成したWebサイトのページに含まれるDOM要素が多く、ページの表示が遅い。
また、JavaScriptなどで再レイアウトされる要素が崩れるといった症状がでている。
すべての要素が読み込まれるまでページを表示させず、すべての要素が読み込まれた時点でページを表示させるにはどうすればよいか。
4
票
2
回答
1万
閲覧数
ブラウザの戻るボタンで戻ったときにリロードする方法はありますか?
ブラウザの戻るボタンで戻った時、最新のページを読み込みたいのですが、可能でしょうか?
IE10または11でできればOKです。
以下のコードで試してみたのですが、うまくいきませんでした。よろしくお願いします!
<script>
<!--
window.onunload = function(){location.reload();}
-->
</script>
...
4
票
2
回答
1万
閲覧数
jQueryでイベントの処理結果を待つようなループを書きたい
以下のような配列があり、これをループで処理します。
var requestTable = ["owner","users","lines","info"];
$.each(requestTable, function(i, val){
// ループ処理
});
その際に、requestTableのループではそれぞれサーバーからGETでデータを取得します。
// ループ処理の中身
$....
4
票
1
回答
2万
閲覧数
jQuery 動的に読み込んだDOM要素の表示完了時にjQueryプラグインを適用したい
動的に読み込んだ要素にjQueryプラグインを適用したいです。
<div id="content">
</div>
上記の中に<a class='tooltip' href=...>link</a>を動的に読み込んで追加し、そこにプラグインを適用させたいのですが、うまくいきません。
$(function(){
$("div#content")...
4
票
1
回答
992
閲覧数
コンボボックスフォーカス時に、左右キー押下で値が変更されるのをキャンセルしたい
コンボボックスフォーカス時に、
左右キー押下でコンボボックスの値が変更されるのをキャンセルしたいのですが、
方法はありますでしょうか?
ちなみに、
javascriptのkeydownイベントに、
event.stopPropagation();
event.preventDefault();
return false;
などを記述してみましたが効きませんでした。
4
票
1
回答
1,742
閲覧数
Chart.jsで円グラフが表示できない
Chart.jsを使って円グラフ(Doughnut)を表示させようとしています。
Web画面にボタンを表示し、ボタンを押すとダイアログ表示され、そのダイアログ上で円グラフを表示しようとしていますが、ダイアログは表示されるのですが円グラフが表示されません。
new Chartの部分がうまく働いていないようなのですが、原因が不明です。
環境は、Node.js 0.12.1, express 4.12....
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
...
4
票
1
回答
1,496
閲覧数
セレクタで選択した要素の、親要素の兄弟要素の内容を、全て取得したい
<tr th:each="info : ${infoList}">
<td><input type="checkbox" name="checkbox" onClick="checkboxClick();"/></td>
<td>[[${info.testa}]]</td>
<td>[[${...
4
票
2
回答
599
閲覧数
オブジェクトのマージについて
javascriptで下記の2つのオブジェクトをマージしたいと思っております。
valの値は共通しているので”A”という結果になり、childの値はそれぞれ異なるためどちらの値も残し、マージしたいのですがどのような実装が考えられますでしょうか。
ライブラリはjQueryを使用しております。
マージ元
obj1 = {
val : "A",
child : [{
...
4
票
2
回答
1,461
閲覧数
JS内で生成・appendした要素からスライドショーを初期化する時に、setTimeoutで処理を遅延させないとうまく初期化できないのはなぜ?
動的に作成した要素をappendした後に、その構造に対してスライドショー(bxSlider)を初期化するという処理を実装しようとしています。
この際、スライドショーを「①」で初期化しようとすると上手く初期化できず、
「②」の様にすると上手く動作します。
静的なHTMLであらかじめ構造を用意してから初期化を叩くと正常に動作する為、
HTMLの構造やbxSlider()...
4
票
2
回答
6,019
閲覧数
javascriptでtextareaの中の高さを取得する方法
textareaではスクロールが有効になるため文字数が多いと、textarea自体の高さと、中身の高さが変わると思います。
この中身の高さを得る方法はありますか?
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="...
4
票
1
回答
244
閲覧数
jQuery2.xでonメソッドをコールしたオブジェクトのセレクタをコールバック関数から参照するには?
$('.hogehoge .hugahuga .piyopiyo div').on('click',function(){
index = $('.hogehoge .hugahuga .piyopiyo div').index(this)
});
のように、長ったらしいセレクタを2度記述するのを回避する方法は
target = $('.hogehoge .hugahuga ....
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="...
3
票
3
回答
2万
閲覧数
jQuery の XSS 脆弱性に対応する良い方法はないか ( v1.4.3 )
はじめまして。
今度運用することになった Web サイトで、専門業者より XSS の脆弱性が指摘されました。
内容は・・・
最新版でないバージョンのjQueryが使用されています。
古いバージョンのjQueryでは、クロスサイトスクリプティング等の脆弱性が報告されているため、新しいバージョンのjQueryを使用することを推奨します。
とのことでした。
その Web サイトの ...
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';
...
3
票
1
回答
268
閲覧数
CSSセレクタの中にある「>」
jQueryのCSSセレクタの中にある「>」の存在理由がわかりません。
元のhtml
<div id="button1">
<button>aaa-btn<span class="big">
<span>aaa</span></span></button>
css
何かしら適当な色や形状
...
3
票
4
回答
2万
閲覧数
JQueryのAjaxのJSONを取得したい
JQueryのAjaxでdone()を使用しています。その返り値から以下のようにJsonデータを取得しようとしているのですが、エラーがでてできません。
//$.Ajax().done(function(response){
var data = $.parseJSON(response.responseJSON);
});
エラー
Uncaught SyntaxError: ...
3
票
2
回答
461
閲覧数
jquery .html()で、特定条件の場合セレクタが有効にならない問題
下記ソースでの$('.test2')に対しての処理を通したいのですが
動かず困っています。
ご教授ください。
//とりあえず1回書き替えてみる
$('#hoge').html('<li>test1</li><div class="test1">click here</div>');
//これは動く
$('.test1')....
3
票
2
回答
3,435
閲覧数
IEで window.location.href に data:text/csv;... を設定することが出来ない
現在、tableをCSV出力するためにtable2CSV.jqueryを使用しています。
IE(ver11)の場合、下記のソース中のencodeURIComponentを window.location.hrefに代入している部分でエラーになっており、エラーメッセージは特にないです。※chromeは動作確認済み
どうにか動作するようにしたいのですが、
...
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 = '...
3
票
3
回答
3,471
閲覧数
2つの配列a,b間でaにのみ存在する要素をbに追加したい
Javascriptで2つの配列の要素を比較し、配列間で重複している要素だけを削除し結合したいと思っています。
比較する配列は以下のような形です。
var a = new Array("あああ","いいい","ううう","えええ","おおお");
var b = new Array("あああ","いいい","あああ","ううう","えええ","ううう");
配列[a]...
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')...
3
票
1
回答
1,674
閲覧数
$.fn.extendによるjQueryの拡張で得られるインスタンスをあらゆる場所から使いまわすには?
先日、画像を左右にスワイプできるslider系のjQueryライブラリを利用していた時、標準のjQueryには存在しないメソッドを呼び出すことで、ライブラリ専用のインスタンスを取得でき、そのインスタンスを利用することで様々なメソッドにアクセスできる、というものがありました。
そこで、自分もjQueryを拡張してみようと思い、真似をして以下の様なコードを書いてみました。
$.fn.extend({...
3
票
1
回答
4,104
閲覧数
jQueryで複数のイベント発生時処理を同時に定義する
$('.target').on('mousemove,touchmove', function(){ console.log('ok'); });
のようにカンマ区切りで複数のイベント発生時処理を同時に定義出来た気がするのですが、出来ませんでした。
$('.target').on('touchmove', function(){ console.log('ok'); });
$('....
3
票
2
回答
4,997
閲覧数
fancyBox2 で写真をポップアップすると、 `Please try again later.` エラーが表示される
fancyBox2 で写真をポップアップさせたいのですが、The requested content cannot be loaded. Please try again later. という文章が出てしまいます。
何が間違えているのでしょうか??
僕が現状書いているプログラムは以下のとおりです。
なお、 DreamWeaver CS6 の可変グリッドを使いウェブサイトを作っております。
&...
3
票
3
回答
2,169
閲覧数
jQuery / JavaScriptで、ページスクロール時にアクションを起こしたい
ページをスクロールした時に、スクロールした距離に応じて、オブジェクトの移動や透過をさせたい。パララックス効果についても簡潔な例を知りたい。
3
票
1
回答
545
閲覧数
jqueryドロップダウンメニューのコードについて質問です。
JavaScript初学者です。jqueryを使って「メニューをhoverするとhoverした要素の下に隠れている中のメニューが表示され、メニューから離れると表示された中のメニューが非表示されるプログラムを作る」という課題がある(htmlで指定されているクラスは削除や追加などの編集禁止)のですが、...
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....
3
票
1
回答
2,575
閲覧数
JSのFileReaderAPIで読み込んだ画像バイナリを、JavaのImageIOで読み込みたい
JavaScriptのFileReaderで読み込んだ画像データを、サーバーサイドで加工のためBufferedImageに変換したいのですが、うまく変換できません。
画像はWorkerを使った非同期ロードで取得し、
Ajaxでサーバーサイドに送信しています。
worker.js
self.addEventListener('message', function(e) {
var ...
3
票
2
回答
2万
閲覧数
ページを最初から指定の位置にスクロールする
こちらのサイト(http://play-in-hell.com/)ではページが遷移すると一番下から表示されるようになっています。
このように指定した場所からトップページを表示させるにはどのようにしたらよいでしょうか?
私がやりたいのは、トップページに画像が貼ってありその画像の一番下の部分が必ず見えるようにしたいです。...
3
票
2
回答
303
閲覧数
IE11 全角文字を設定した input 要素を追加すると input イベントが発生するのを抑止したい
入力要素の input イベントハンドラをあらかじめ設定している状態で、動的にテキスト要素を追加すると、value に全角文字が含まれている場合、IE11 で input イベントが発火してしまいます。他のブラウザや、テキストに全角文字が含まれていない場合には input イベントは発生しません。
「要素の追加後に input イベントハンドラを後から追加する」...
3
票
2
回答
1,214
閲覧数
jQueryで指定された値を取得し書き換えたい
HTML
<ul id="list">
<li id="meta">hoge<span id="opt">huga</span></li>
...
<ul>
というテーブルから"hoge"だけをjQueryを使用し取得した後、値を書き換えたいです。
ご教授願えますでしょうか。
3
票
2
回答
3,001
閲覧数
JavaScript(jQuery)でkeydown,keyup等のイベントで重い処理をするときsetTimeoutすべき?
以下のような処理があったとき、重い処理はsetTimeoutで処理すべきでしょうか?
$(document).bind("keydown keyup",function(e){
if (e.type === "keydown"){
... //重い処理
}
if (e.type === "keyup"){
... //別の処理
}
}...
3
票
2
回答
1万
閲覧数
CSSのtransform、translateを取得するには?
cssのtransformプロパティについて質問があります。
transformプロパティに、translate(xpx, ypx)を指定した場合のデータを取得するには、どのようにしたらよいでしょうか?
この時、文字列以外の形式で取得したいです。
ウェブブラウザ:Google Chrome バージョン 45.0.2454.101 m
・試したこと
1.jqueryでcssを適用した場合
$(...
3
票
1
回答
2,259
閲覧数
ラジオボタンで選択した際、セレクトボックスで選択した値が取れない
|AAA|セレクトボックス1▽|●|
|BBB|セレクトボックス2▽|○|
上記のような画面でラジオボタンでAAAの方を選択しているのにセレクトボックス2を操作してしまうとセレクトボックス2の値がPOSTでサーバ側に渡されてしまいます。
セレクトボックス1の値を渡すためにはどうすればよろしいでしょうか?
<tbody>
<% bb.aas.each do |aa| ...
3
票
3
回答
3,166
閲覧数
jQueryまたはJSまたはcss3のanimationで滑らかに移動させるには?
class="n2"からclass="n1"に移動する際、滑らかにスーッと移動させたいのですが、うまくいきません。
今は、かくかくしています。
jsでclassを変更してcssのpositionで位置をズラしているのですが、滑らかに移動(変更)させるには、どこにどのように書いたらよいでしょうか。ご教示の程よろしくお願いいたします。
https://jsfiddle.net/Lennxhjc/1/
...
3
票
1
回答
2,142
閲覧数
jQuery のアコーディオンに、それぞれのコンテンツ縦幅を設定したいです
アコーディオンを使ったウェブページをつくっておりまして、そのアコーディオン自体は正常に動いております。(動作は問題ないです)
アコーディオンは5つありまして、その一つ一つにそれぞれのコンテンツをいれたサイトを作りたいのですが、たとえばAのコンテンツを開くと縦幅が長すぎて、下のほうに空欄が出てしまいます。(B,C、D、Eも同様です)。
JavaScript で CSS ...
3
票
1
回答
1,834
閲覧数
daterangepicker が複数ある場合の個別処理の方法
以下を使っています。
http://www.daterangepicker.com/
同ページ内に日付入力欄が複数あるため(動的にいくつでも作成されます)、セレクタは $('.daterange') といった形でクラス指定しています。
日付入力欄それぞれにつき値の表示を変更する処理をcallback関数で行いたいのですが、callback関数内では this が使えず、...
3
票
1
回答
757
閲覧数
動的にHTMLを追加読み込みする場合、読み込める量は制限すべき?
TwitterのTLのようにスクロールすると次々と追加読み込みするようなページを作りたいのですが、上部のプルダウンで表示する情報(TLみたいなリスト情報)を切り替えられるようにします。
プルダウンで選択した表示中の情報はスクロールする度に追加読み込みします。
もし、その途中でプルダウンが切り替えられたら、表示内容を切り替えて新しく表示された情報をスクロールのたびに追加読み込みします。
...