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

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

5
Jqueryでキーと値の両方を配列にプッシュする方法
RSSフィードを読んで、タイトルとリンクの両方をJqueryの配列にプッシュしています。 私がしたことは var arr = []; $.getJSON("displayjson.php",function(data){ $.each(data.news, function(i,news){ var title = news.title; var link = news.link; arr.push({title : link}); }); }); そして私はもう一度その配列を読んでいます $('#show').click(function(){ $.each(arr, function(index, value){ alert( index +' : '+value); }); }); しかし、それは私に出力を与える 1:[Object Object] 2:[Object Object] 3:[Object Object] このような ... 両方を入手する方法 タイルとリンクのペアとして(タイトルとしてキー、リンクとして値)

6
固定領域を除いて画面全体を暗くしますか?
ユーザーがクリックする場所を正確に案内するチュートリアルを作成したいと思います。私は、画面全体をカバーしようとしている<div>以外のすべての要素を暗くなる特定の地域固定でありwidth、height、topとleft。 問題は、親の "キャンセル"方法が見つからないことですbackground-color(これも透過的です)。 以下の抜粋holeで、divは、background-colorその親のも含め、何もないはずです。 これはまったく達成できますか?何か案は? #bg{ background-color:gray; opacity:0.6; width:100%; height:100vh; } #hole{ position:fixed; top:100px; left:100px; width:100px; height:100px; } <div id="bg"> <div id="hole"></div> </div> コードスニペットを実行する結果を非表示スニペットを展開 これが私が達成しようとしていることのモックアップ画像です:
88 javascript  jquery  html  css 

1
jQuery:ページの下部に外部JSがある場合、なぜdocument.readyを使用するのですか?
ページの一番下に読み込まれる外部ファイルとして、すべてのJSを含めています。これらのファイル内には、そのように定義されたいくつかのメソッドがあり、readyイベントから呼び出します。 var SomeNamepsace = {}; SomeNamepsace.firstMethod = function () { // do something }; SomeNamepsace.secondMethod = function () { // do something else }; $(document).ready(function () { SomeNamepsace.firstMethod(); SomeNamepsace.secondMethod(); }); ただし、ready関数を削除してメソッドを直接呼び出すと、すべてが同じように機能しますが、実行速度は大幅に速くなります。かなり基本的なファイルでは、ほぼ1秒速くなります。この時点でドキュメントをロードする必要があるため(すべてのマークアップはスクリプトタグの前に来るため)、readyイベントを引き続き使用する正当な理由はありますか?

5
jqueryで特定の属性値を持つすべての要素を検索します
特別な属性値を持つすべての要素を見つける必要があります。 これが私が見つける必要のあるdivです(私はそれらの多くを持っています..) <div imageId='imageN'>... 私は単に持っているdivをループする必要があります imageId='imageN'
88 jquery 

15
jQueryのdivに対する「ハイライトの点滅」効果?
私は次のことをする方法を探しています。 <div>ページにを追加すると、ajaxコールバックが何らかの値を返します。<div>AJAX呼び出しからの値で充填され、そして<div>その後、別の先頭に付加された<div>テーブルの列として作用します。 ユーザーの注意を引き、ページに何か新しいものがあることをユーザーに示したいと思います。 を<div>点滅させたいのですが、表示/非表示ではなく、しばらくの間ハイライト/ハイライトを解除します。たとえば、5秒にします。 私はまばたきプラグインを見てきましたが、私が見る限り、それは要素でのみ表示/非表示になります。 ところで、ソリューションはクロスブラウザーである必要があり、そうです、残念ながらIEが含まれています。IEで機能させるには、おそらく少しハックする必要がありますが、全体的には機能する必要があります。

7
jqueryで選択されたドロップダウンを無効にする
選択したjqueryプラグインを使用してスタイルを設定して機能を追加するselectdivがあります(特に検索)。divは次のようになります。 <select data-placeholder="add a foobar" id="foobar" style="width: 350px;"> <option value=""></option> </select> そして、私はこのように選択したプラグインを使用しています、 $('#foobar').chosen(); 一部のAJAXの読み込み中に、<select>div全体を無効にしたいと思います。多分このようなもので、 $('#foobar').disable() またはこれ $('#foobar').prop('disabled', true) 私はあなたがその考えを理解したと思います。 これを行う方法についてのアイデアはありますか?私は、jqueryイディオムを使用して無効にする、<select>その上にある選択されたものではなく、基になる選択を無効にするだけの無効にするなど、さまざまなことを試しました。z-indexボックスをグレー表示するために、高さのある別のdivを手動で追加することもしましたが、これは醜くてバグがある可能性が高いと思います。 助けてくれてありがとう!


22
変数の大文字の最初の文字
私はウェブ上で検索しましたが、私を助けるものを見つけることができません。変数内で各単語の最初の文字を大文字にしたい。 これまで私が試した: toUpperCase(); そして、それはすべての文字を大文字にするので、運がありませんでした。

7
JSオブジェクトにキーが存在するかどうかの確認
私は次のJavaScriptオブジェクトを持っています: var obj = { "key1" : val, "key2" : val, "key3" : val } これと同様に、キーが配列に存在するかどうかを確認する方法はありますか? testArray = jQuery.inArray("key1", obj); 動作しません。 このようにobjを反復処理する必要がありますか? jQuery.each(obj, function(key,val)){}

5
CORS POSTリクエストはプレーンJavaScriptから機能しますが、jQueryを使用しないのはなぜですか?
クロスオリジンのPOSTリクエストを作成しようとしていますが、次のJavaScriptようにプレーンで機能します。 var request = new XMLHttpRequest(); var params = "action=something"; request.open('POST', url, true); request.onreadystatechange = function() {if (request.readyState==4) alert("It worked!");}; request.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); request.setRequestHeader("Content-length", params.length); request.setRequestHeader("Connection", "close"); request.send(params); でも使いたいのjQueryですが、動かせません。これは私が試していることです: $.ajax(url, { type:"POST", dataType:"json", data:{action:"something"}, success:function(data, textStatus, jqXHR) {alert("success");}, error: function(jqXHR, textStatus, errorThrown) {alert("failure");} }); これにより、失敗します。なぜjQueryうまくいかないのか誰かが知っているなら、私たち全員に知らせてください。ありがとう。 (私はjQuery1.5.1とFirefox 4.0を使用しており、サーバーは適切なAccess-Control-Allow-Originヘッダーで応答しています)

2
JavaScriptを使用したユーザーエージェントの取得
ユーザーのユーザーエージェントを取得して属性に関連付けることができるスクリプトを取得したいと思います。 ウェブサイトの問題に関するお問い合わせフォームを作成していますが、通常、ユーザーが使用しているブラウザを知る必要があります。ユーザーエージェント文字列を検出し、それを入力要素の値として支持するにはどうすればよいですか。 私のhtmlは次のようになります: <input type="hidden" id="UserAgent" name="User Agent" /> ユーザーエージェントをvalue属性として追加して、次のようにします。 <input type="hidden" id="UserAgent" name="User Agent" value="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_3) AppleWebKit/534.53.11 (KHTML, like Gecko) Version/5.1.3 Safari/534.53.10" />

8
要素の正しいオフセットを取得する方法は?--jQuery
これはおそらく本当に単純な質問ですが、jQueryで要素の正しいオフセットを取得するにはどうすればよいですか? できます: $("#whatever").offset().left; そしてそれは有効です。 しかし、それは次のようです: $("#whatever").offset().right は未定義です。 では、jQueryでこれをどのように達成するのでしょうか? ありがとう!
88 jquery  offset 

22
スクロールが原因でレスポンシブテーブル内のブートストラップボタンのドロップダウンが表示されない
overflow: auto;プロパティのためにドロップダウンが表示されないため、応答がありスクロールがアクティブな場合、テーブル内のドロップダウンボタンに問題があります。これが折りたたまれているときにボタンのドロップダウンオプションを表示するために、どうすれば修正できますか?いくつかのjQueryを使用できますが、左右のスクロールに問題があったため、別の解決策を見つけることにしました。わかりやすくするために写真を添付し​​ました。 これが小さなjsフィドルです:

8
ページの読み込み後にjqueryコードを実行するにはどうすればよいですか?
ページでイベントを機能させる場合は、$(document).ready()関数内でイベントを呼び出す必要があります。DOMが読み込まれるとすぐに 、ページのコンテンツが読み込まれる前に、その中のすべてが読み込まれます。 ページのコンテンツが読み込まれた後にのみJavaScriptコードを実行したいのですが、どうすればよいですか?
88 jquery 


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