タグ付けされた質問 「jquery」

jQueryはJavaScriptライブラリです。JavaScriptタグの追加も検討してください。jQueryは人気のあるクロスブラウザーJavaScriptライブラリであり、ブラウザー間の不一致を最小限に抑えることで、ドキュメントオブジェクトモデル(DOM)トラバーサル、イベント処理、アニメーション、AJAXインタラクションを促進します。jQueryのタグが付いた質問はjQueryに関連している必要があるため、問題のコードはjQueryを使用する必要があり、少なくともjQueryの使用法に関連する要素を質問に含める必要があります。

18
jQueryでiframeをリロードする
ページに2つのiframeがあり、一方が他方に変更を加えましたが、もう一方のiframeは更新するまで変更を表示しません。このiframeをjQueryで簡単に更新する方法はありますか? <div class="project"> <iframe id="currentElement" class="myframe" name="myframe" src="http://somesite.com/something/new"></iframe> </div>

9
javascript / jQueryを使用してdata- *属性のリストを取得する
0個以上のdata-*属性を持つ任意のHTML要素が与えられた場合、データのキーと値のペアのリストを取得するにはどうすればよいでしょうか。 例えばこれを与えられた: <div id='prod' data-id='10' data-cat='toy' data-cid='42'>blah</div> これをプログラムで取得できるようにしたいと思います。 { "id":10, "cat":"toy", "cid":42 } jQuery(v1.4.3)を使用する$.data()場合、キーが事前にわかっていれば、データの個々のビットへのアクセスは簡単ですが、任意のデータセットを使用してこれを行う方法は明らかではありません。 「単純な」jQueryソリューションが存在する場合はそれを探していますが、それ以外の場合は低レベルのアプローチを気にしません。解析しようと試みました$('#prod').attributesが、javascript-fuの欠如は私を失望させています。 更新 カスタムデータは必要なことを行います。ただし、jQueryプラグインをその機能の一部にのみ含めることは、やり過ぎのように思えました。 ソースを目視することで、自分のコードを修正することができました(そして、javascript-fuを改善しました)。 これが私が思いついた解決策です: function getDataAttributes(node) { var d = {}, re_dataAttr = /^data\-(.+)$/; $.each(node.get(0).attributes, function(index, attr) { if (re_dataAttr.test(attr.nodeName)) { var key = attr.nodeName.match(re_dataAttr)[1]; d[key] = attr.nodeValue; } }); return d; } アップデート2 受け入れられた回答で示されているように、ソリューションはjQuery(> …



1
2つのjQuery結果を組み合わせる方法
2つのjQuery検索結果をどのように結合しますか?例えば: var $allFoos = $('.foo'), $allBars = $('.bar') $allFoosAndBars = $allFoos + $allBars; 明らかに、最後の行を作成しただけですが、それが私の意味が少し明確になることを願っています。明確にするために、この例は大幅に簡略化されており、私が話している任意のセットである可能性があるため、私が求めているもので$('.foo, .bar')はありません。
150 jquery 

22
st、nd、rd、th(序数)サフィックスを数値に追加する
現在の日付に基づいてテキストの文字列を動的に生成したいと思います。したがって、たとえば、1日目である場合、コードで「 "<動的> 1 * <動的文字列> st </動的文字列> * </動的>"」を生成します。 合計12日あるので、次のようにしました。 12日間ループするforループを設定しました。 私のhtmlで、それをターゲットにする一意のIDを要素に与えました。以下を参照してください。 <h1 id="dynamicTitle" class="CustomFont leftHeading shadow">On The <span></span> <em>of rest of generic text</em></h1> 次に、私のforループ内に次のコードがあります。 $("#dynamicTitle span").html(i); var day = i; if (day == 1) { day = i + "st"; } else if (day == 2) { day = …

8
要素をクリックする方法(ドキュメント全体)
クリックしたHTMLドキュメントの現在の要素(要素は何でも)を取得したいと思います。使ってます: $(document).click(function () { alert($(this).text()); }); しかし、非常に奇妙なことに、クリックされた要素ではなく、ドキュメント全体(!)のテキストを取得します。 クリックした要素のみを取得するにはどうすればよいですか? 例 <body> <div class="myclass">test</div> <p>asdfasfasf</p> </body> 「テスト」テキストをクリックすると$(this).attr("myclass"、jQuery で)を使用して属性を読み取ることができます。
150 javascript  jquery  html  dom 

20
送信時にフォームの更新ページを停止する
フィールドにデータがない状態で送信ボタンを押したときにページが更新されないようにするにはどうすればよいですか? 検証は正しく機能するように設定され、すべてのフィールドが赤になりますが、ページはすぐに更新されます。JSの私の知識は比較的基本的です。 特にprocessForm()一番下の機能は「悪い」と思います。 HTML <form id="prospects_form" method="post"> <input id="form_name" tabindex="1" class="boxsize" type="text" name="name" placeholder="Full name*" maxlength="80" value="" /> <input id="form_email" tabindex="2" class="boxsize" type="text" name="email" placeholder="Email*" maxlength="100" value="" /> <input id="form_subject" class="boxsize" type="text" name="subject" placeholder="Subject*" maxlength="50" value="FORM: Row for OUBC" /> <textarea id="form_message" class="boxsize" name="message" placeholder="Message*" tabindex="3" rows="6" cols="5" maxlength="500"></textarea> <button …
150 javascript  jquery  html  forms 

9
jqueryラジオボタンがチェックされている場合
重複の可能性: 特定のラジオボタンのチェックがオンになっている 現時点でこれらの2つのラジオボタンを用意しているので、ユーザーは価格に送料を含める必要があるかどうかを判断できます。 <input type="radio" id="postageyes" name="postage" value="Yes" /> Yes <input type="radio" id="postageno" name="postage" value="No" /> No 「はい」ラジオボタンがチェックされているかどうかをチェックするためにJqueryを使用する必要があります。チェックされている場合は、追加機能を実行します。誰か私にこれをどうやってやるのか教えてもらえますか? 助けてくれてありがとう 編集: コードをこれに更新しましたが、機能しません。私は何か間違ったことをしていますか? <script type='text/javascript'> // <![CDATA[ jQuery(document).ready(function(){ $('input:radio[name="postage"]').change(function(){ if($(this).val() == 'Yes'){ alert("test"); } }); }); // ]]> </script>


9
jQuery / JavaScript(クエリ文字列)でクエリ文字列パラメーターのURL値を取得する
クエリ文字列パラメーターを処理するためのjQuery拡張機能を作成する良い方法を知っている人はいますか?基本的に、jQueryマジック($)関数を拡張して、次のようなことができるようにします。 $('?search').val(); これにより、次のURLで「test」という値が得られますhttp://www.example.com/index.php?search=test。 jQueryとJavascriptでこれを実行できる多くの関数を見てきましたが、実際には、jQueryを拡張して、上に示したとおりに機能するようにしたいと考えています。私はjQueryプラグインを探しているのではなく、jQueryメソッドの拡張機能を探しています。

17
ブラウザウィンドウのクローズイベントをキャプチャする方法は?
ブラウザウィンドウ/タブのクローズイベントをキャプチャしたい。私はjQueryで次のことを試しました: jQuery(window).bind( "beforeunload", function() { return confirm("Do you really want to close?") } ) しかし、それはフォーム送信でも機能します。これは私が望んでいることではありません。ユーザーがウィンドウを閉じたときにのみトリガーされるイベントが必要です。

8
jQueryはスクロール時にさらに多くのデータをロードします
div.loadingが表示されている場合にのみ、スクロールでより多くのデータを実装する方法を知りたいだけです。 通常、ページの高さとスクロールの高さを探して、さらにデータを読み込む必要があるかどうかを確認します。次の例は少し複雑です。 次の画像は完璧な例です。ドロップダウンボックスには2つの.loading divがあります。ユーザーがコンテンツをスクロールすると、どちらが表示されていても、コンテンツの読み込みが開始されます。 では、.loading divがまだユーザーに表示されているかどうかを確認するにはどうすればよいですか?そのため、そのdivのデータのみの読み込みを開始できます。


23
Jquery UIダイアログに「確認」ダイアログを実装する方法は?
醜いjavascript:alert()ボックスを置き換えるためにJQuery UIダイアログを使用しようとしています。私のシナリオでは、アイテムのリストがあり、それらの各個人の隣に、各アイテムの[削除]ボタンがあります。擬似HTMLセットアップは次のようになります。 <ul> <li>ITEM <a href="url/to/remove"> <span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> </ul> <div id="confirmDialog">Are you sure?</div> JQパートでは、ドキュメントの準備ができたら、最初にdivを必要なボタンを備えたモーダルダイアログに設定し、次のように、削除する前にそれらの "a"を確認のために起動するように設定します。 $("ul li a").click(function() { // Show the dialog return false; // to prevent the browser actually following the links! } OK、ここに問題があります。初期化時間中、ダイアログには誰(アイテム)が起動するのか、またアイテムID(!)もわかりません。これらの確認ボタンの動作を設定して、ユーザーがまだ[はい]を選択した場合、リンクをクリックして削除する方法を教えてください。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.