Questions tagged [jquery]

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

644 questions
4
votes
1 answer

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

$('.hogehoge .hugahuga .piyopiyo div').on('click',function(){ index = $('.hogehoge .hugahuga .piyopiyo div').index(this) }); のように、長ったらしいセレクタを2度記述するのを回避する方法は target = $('.hogehoge .hugahuga .piyopiyo div') target.on('click',function(){ index =…
hojo
  • 1,175
  • 3
  • 15
  • 27
3
votes
4 answers

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

jQueryのdelegate系(on/off)で、例えば以下のようにやると、
でもclickイベントが発動してしまうと思います。 var selector = 'a, form'; $(document).on('click submit', selector, function() { // something }); これを、var selector = 'a, form';…
kijtra
  • 113
  • 1
  • 11
3
votes
1 answer

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

$('.target').on('mousemove,touchmove', function(){ console.log('ok'); }); のようにカンマ区切りで複数のイベント発生時処理を同時に定義出来た気がするのですが、出来ませんでした。 $('.target').on('touchmove', function(){ console.log('ok'); }); $('.target').on('mousemove', function(){ console.log('ok');…
hojo
  • 1,175
  • 3
  • 15
  • 27
3
votes
2 answers

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

下記ソースでの$('.test2')に対しての処理を通したいのですが 動かず困っています。 ご教授ください。 //とりあえず1回書き替えてみる $('#hoge').html('
  • test1
  • click here
    '); //これは動く $('.test1').click(function(){ console.log('test1 done'); alert('test1 done'); …
    lasta
    • 31
    • 1
    2
    votes
    3 answers

    jQueryで子から親に向かってセレクタを利用するには?

    obj = $('.hoge', item); と記述すると、itemのノードに対して.hogeを検索することができますが itemからitemのparentに向かって.hogeを検索するにはどうすればよいですか? つまり以下の様なHTMLのボタンをクリックした時に ボタンから、ボタンを囲んでいるコンテナのみを見つけたいのですが、そのような関数は存在しますでしょうか。
    hojo
    • 1,175
    • 3
    • 15
    • 27
    2
    votes
    1 answer

    JavaScript(Jquery)で、Table明細上の行追加ボタン押下で適時行追加を果たしたい。

    表題の件、の記事を参考に挑戦中です。 非表示にしてある1行目を複写して、ユーザ未入力の空行をボタン押下された行の後に現したいと考えています。 現在は下記【JS】にあるとおり、対応したい動作部分はコメントアウトしてあり ボタン押下された行(ユーザが入力を済ませた行)を複写してしまう動作になっています。 コメントアウトしている部分で、ボタン押下された行の『直近祖先の、直下子孫の要素』を取得できれば状況は進展するのかな??、と捉えて…
    saya24
    • 545
    • 6
    • 16
    • 46
    2
    votes
    2 answers

    jQuery 同classのinputタグから入力済みのものだけへの処理をループを使わずに書く方法

       上記のようなHTMLにて、 入力されているinputタグに処理をしたいのですが、 $('.input').each(function() { if…
    r-naga
    • 89
    • 1
    • 8
    2
    votes
    2 answers

    スペースを含んだクラス名を jquery で指定できない

    jquery でDOM要素をクラス名で指定するとき、クラス名にスペースが含まれているとうまく指定できません

    first

    second

    このようなHTMLをが存在した時 $("div.A.C").html() と指定しても

    first

    が帰ってきてしまいます

    second

    を取得するにはどのようにすればよいのでしょうか?
    2
    votes
    2 answers

    jQuery 親要素へのonclickがあるとき、append等で追加した後の子要素でonclickを適応させたい

    例えば、以下のようなコードにおいて追加したところをクリックしてもアラートを出したいです。 hoge.html
    r-naga
    • 51
    • 3
    1
    vote
    1 answer

    jQueryで複数の文字列を取得して指定場所に代入したい。

    文章編集アプリケーションのような物を作りたいと考えています。 ボタンを押した際に文章を編集可能にするため、.html()でインプットへと変更しているのですが、取得したHoge,Fugaやhogehoge,fugafugaを所定の位置に挿入するやり方はありますでしょうか? $(document).ready(function(){ $('#edit').on('click', function() { $('#foo').each(function() { …
    user76333
    • 507
    • 2
    • 8
    • 24
    1
    vote
    1 answer

    jqueryでのドラッグ&ドロップについて

    現在monacaにてjqueryを使って画像のドラッグ&ドロップをしようとしていますがうまくいきません。 headerでjqueryを読み込み jQuery("#hogeDrag").draggable(); このようにしてますができません ちなみに画像ではなくても動きません 画面が固定されていないのとは関係があるんでしょうか よろしくお願いします。 ヘッダ
    user9548
    • 11
    • 2
    1
    vote
    1 answer

    textメソッドとvalメソッドの違いは何ですか?

    textメソッドとvalメソッドはどう違いますか? 初歩的な質問ですが、説明をよんでもピンとこないので・・・
    atsushi_kane
    • 63
    • 2
    • 6
    1
    vote
    1 answer

    jQueryでの変数定義について

    jQueryを勉強している者です。 変数を定義するときに、変数名に$が付く場合と付かない場合があるのですが、 どのような違いがあるのでしょうか?
    atsushi_kane
    • 63
    • 2
    • 6
    1
    vote
    1 answer

    inputのテキスト編集後、内に指定したアイコンを再度表示させる方法

    jQueryを使って、inputをクリックすることでinputのテキストを修正できるようにしました。 テキストを編集するようにはできたのですが、 編集できるテキストをわかりやすくするために、内に、 icon(
    goodtime1234
    • 19
    • 1
    • 6
    1
    vote
    1 answer

    jquery CDN が 403 forbidden

    昨日のよるぐらいからあちこちのサイトで表示や挙動がおかしく 最初は原因がまったくわからず色々調べていくうちに https://code.jquery.com/jquery-3.3.1.min.js このアドレスが403を返してきます 公式のCDNなのですが何かアクセス規制にひっかかるような条件があったりするんでしょうか 悪いサイトをふんでこのアドレスに負荷をかけるようなことをしてしまったんでしょうか
    user35303
    1
    2 3 4 5