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

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

5
JavaScript / jQueryで<html>タグHTMLを取得する方法は?
使用して$('html').html()、私は内のHTMLを取得することができます&lt;html&gt;(タグ&lt;head&gt;、&lt;body&gt;など、)。しかし、どうすれば&lt;html&gt;タグの実際のHTML (属性付き)を取得できますか? または、&lt;html&gt;jQuery(または古いJavaScript)を使用して、ページのHTML全体(doctype など)を取得することはできますか?
161 javascript  jquery 

12
jQuery対document.querySelectorAll
jQueryの最も強力な資産は、DOM内の要素をクエリおよび操作する方法であると何度も聞いたことがあります。CSSクエリを使用して、通常のJavaScriptでは非常に難しい複雑なクエリを作成できます。ただし、私が知る限り、Internet Explorer 8以降でサポートされているdocument.querySelectorまたはでも同じ結果を得ることができますdocument.querySelectorAll。 それで問題はこれです:jQueryの最も強力な資産が純粋なJavaScriptで達成できるのに、なぜjQueryのオーバーヘッドに「リスク」があるのでしょうか? jQueryには、CSSセレクター以上のものがあることを知っています。たとえば、クロスブラウザーAJAX、素敵なイベントアタッチなどです。しかし、そのクエリ部分は、jQueryの強みの非常に大きな部分です。 何かご意見は?


9
setTimeoutのリセット
私は以下を持っています: window.setTimeout(function() { window.location.href = 'file.php'; }, 115000); .click関数を使用して、カウントダウンの途中でカウンターをリセットするにはどうすればよいですか?
161 javascript  jquery 


4
$ .eachを使用したjsonデータのjqueryループ
dataという変数に次のJSONが返されます。 これは返されるJSONです... [ {"Id": 10004, "PageName": "club"}, {"Id": 10040, "PageName": "qaz"}, {"Id": 10059, "PageName": "jjjjjjj"} ] $ .eachを使用してコレクションをループしようとしていますが、アラートが未定義と表示されている問題が発生しています。私は多くの異なる構文を試しましたが、これを理解できないようです。 私が使用しているjQueryは $.each(data, function(i, item) { alert(item.PageName); }); 誰かが私を正しい方向に向けることができますか? 編集 これは私がデータを取得するために使用しているコードです $.getJSON('/Cms/GetPages/123', null, function(data) { fillSelect(data); }); これはコールバック時に呼び出される関数です function fillSelect(data) { alert(data); $.each(data, function(i, item) { alert(item.PageName); }); } 編集2 これは私をわずかに混乱させます、ドキュメントによると、それは私が持っているように機能するはずですが、そうではありません。フィドラーによると、ヘッダーは示しています:- Content-Type: application/json; …
160 jquery  json  foreach 

6
親に相対的な子として要素のインデックスを取得します
私がこのマークアップを持っているとしましょう: &lt;ul id="wizard"&gt; &lt;li&gt;Step 1&lt;/li&gt; &lt;li&gt;Step 2&lt;/li&gt; &lt;/ul&gt; そして私はこのjQueryを持っています: $("#wizard li").click(function () { // alert index of li relative to ul parent }); liそれをクリックしたときに、親を基準にした子のインデックスを取得するにはどうすればよいliですか? たとえば、「ステップ1」をクリックするalertと、「0」付きのポップアップが表示されます。
160 javascript  jquery 


11
jQueryで入力値を設定した後に角度モデルを更新する
私はこの簡単なシナリオを持っています: jQueryのval()メソッドによって値が変更される入力要素。 jQueryが設定した値で角度モデルを更新しようとしています。単純なディレクティブを記述しようとしましたが、それは私が望むことをしていません。 ディレクティブは次のとおりです。 var myApp = angular.module('myApp', []); myApp.directive('testChange', function() { return function(scope, element, attrs) { element.bind('change', function() { console.log('value changed'); }) } }) これはjQuery部分です: $(function(){ $('button').click(function(){ $('input').val('xxx'); }) }) およびhtml: &lt;div ng-app="myApp"&gt; &lt;div ng-controller="MyCtrl"&gt; &lt;input test-change ng-model="foo" /&gt; &lt;span&gt;{{foo}}&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;button&gt;clickme&lt;/button&gt; これが私の試みのフィドルです:http : //jsfiddle.net/U3pVM/743/ 誰かが私を正しい方向に向けてもらえますか?

6
jQueryセレクターでJavaScript変数を使用する方法
JavaScript変数をjQueryセレクターのパラメーターとして使用するにはどうすればよいですか? &lt;script type="text/javascript"&gt; $(function(){ $("input").click(function(){ var x = $(this).attr("name"); $("input[id=x]").hide(); }); }); &lt;/script&gt; &lt;input type="text" id="bx"/&gt;&lt;input type="button" name="bx"/&gt; &lt;input type="text" id="by"/&gt;&lt;input type="button" name="by"/&gt; 基本的に私がやりたいidことは、クリックされている要素の名前に等しいを持つ要素を非表示にできるようにすることです。
160 javascript  jquery 

6
オーバーフローの実際の.height()をどのように取得しますか:非表示またはオーバーフロー:スクロールdiv?
divの高さを取得する方法について質問があります。私はの承知している.height()とinnerHeight()、それらのどれもが、この場合、私のために仕事をしません。実は、この場合、オーバーフロー幅のオーバーフローを持つdivがあります。スクロールし、divの高さが固定されています。 .height()またはを使用するとinnerHeight()、両方とも表示領域の高さがわかりますが、オーバーフローを考慮に入れるにはどうすればよいですか?
160 jquery  height  overflow 

12
3桁ごとの数字にカンマを追加します
jQueryを使用して、3桁ごとにコンマ区切りを使用して数値をフォーマットするにはどうすればよいですか? 例えば: ╔═══════════╦═════════════╗ ║ Input ║ Output ║ ╠═══════════╬═════════════╣ ║ 298 ║ 298 ║ ║ 2984 ║ 2,984 ║ ║ 297312984 ║ 297,312,984 ║ ╚═══════════╩═════════════╝

8
コンテンツの完全一致によって要素を選択します
:contains()さて、jQueryのセレクターに、入力された文字列のみを含む要素を選択する方法があるかどうか疑問に思います 例えば ​​- &lt;p&gt;hello&lt;/p&gt; &lt;p&gt;hello world&lt;/p&gt; $('p:contains("hello")').css('font-weight', 'bold'); セレクターは両方のp要素を選択して太字にしますが、最初の要素のみを選択するようにします。

5
直接と委任-jQuery .on()
私は、jQuery .on()メソッドを使用して、直接イベントハンドラと委任イベントハンドラのこの特定の違いを理解しようとしています。具体的には、この段落の最後の文: ときにselector提供され、イベントハンドラが呼ばれる委任します。ハンドラーは、イベントがバインドされた要素で直接発生した場合には呼び出されず、セレクターに一致する子孫(内部要素)に対してのみ呼び出されます。jQueryは、イベントターゲットからハンドラーが接続されている要素(つまり、最も内側から最も外側の要素)までイベントをバブルし、そのパスに沿ってセレクターに一致するすべての要素のハンドラーを実行します。 「要素のハンドラを実行する」とはどういう意味ですか?コンセプトを試すためのテストページを作成しました。ただし、次の両方の構成は同じ動作になります。 $("div#target span.green").on("click", function() { alert($(this).attr("class") + " is clicked"); }); または、 $("div#target").on("click", "span.green", function() { alert($(this).attr("class") + " is clicked"); }); 多分誰かがこの点を明確にするために別の例を参照できますか?ありがとう。

6
オーバーフローしたDiv内の要素にスクロールするにはどうすればよいですか?
div内に20のリスト項目があり、一度に5つしか表示できません。アイテム#10、次にアイテム#20にスクロールする良い方法は何ですか?すべてのアイテムの高さがわかります。 scrollToプラグインはこれを行いますが、そのソースは実際にそれに取得せずに理解することは超簡単ではありません。このプラグインを使いたくありません。 のは、私は2つの要素を取る機能を持っていないとしましょう$parentDiv、$innerListItem、どちら$innerListItem.offset().topも$innerListItem.positon().top私に$ parentDivの正しいscrollTopスプライトを与えます。
159 jquery 

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