jQuery Documents Main Page - jQuery
jQuery 4.0 is coming soon! Prepare by upgrading to the latest jQuery 3.x release. Learn more about our version support. jQuery API jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new to jQuery, we
prepend(content) - jQuery 日本語リファレンス
<p>there friend!</p> <p>amigo!</p> $("p").prepend("<b>Hello </b>");
jQuery 画面の高さを取得して、ボックス要素の高さを画面の高さにする
任意のボックス要素を画面の高さと同じにします。 ＊ボックス要素の高さが画面サイズより大きい場合は、そのまま何もしません。 $(document).ready(function(){ //画面の高さを取得して、変数wHに代入 var wH = $(window).height(); //div#exampleの高さを取得を取得して、変数divHに代入 var divH = $('div#example').innerHeight(); // ボックス要素より画面サイズが大きければ実行 if(wH > divH){ // div#examplに高さを加える $('div#example').css('height',wH+'px'); } }); 補足 innerHeight は、ボックスのpaddignを含めた高さを取得するメソッドです。 ＊類似したメソッド height 要素のpaddin
API - jsTree ドキュメント 日本語訳
$.jstree 関数や変数に関連するjstreeの全てを保持しています。実際のクラスやインスタンスに対して作成、接続、操作といった処理を行うメソッドが含まれています。
jQueryのajaxについてまとめてみた - ハッカーを目指す白Tのブログ
ユーザーにとって、ストレスレスで操作性の高いWEBアプリケーションを作るのにajaxは欠かせない技術である。今日は、jQueryのajaxについてまとめてみた。 1. そもそもajaxとは？ 2. jQueryのajaxメソッドのオプションでできること一覧 3. jQueryのajax通信後の処理 4. jQueryのDeffered 1. そもそもajaxとは？ajaxとは、WEBブラウザに実装されているJavaScriptのHTTP通信機能使って、Webページのリロードを伴わずにサーバーとデータのやりとりを行う処理である。ajaxは、asynchronous JavaScript + XMLの略である。asynchronousは「非同期」という意味であるが、ajaxは、非同期・同期両方の処理方式に対応していて、字面とは違い特徴は画面遷移を伴わない通信手段であるということに限定される。ユ
【jQuery入門】scrollTop()で画面のスクロール位置を取得・設定する方法！ | 侍エンジニアブログ
「scrollTop()」とは？ それでは、まず最初に「scrollTop()」メソッドの基本的な知識から学習をしていきましょう！ 「scrollTop()」は、ブラウザの画面をスクロールした時の位置（スクロール量）を取得できるメソッドになります。 このスクロール位置というのは、画面端に現れる「スクロールバー」の位置と言い換えることもできるでしょう。また、取得だけでなく任意の数値を設定することで、意図的に指定した位置に移動させることも可能です。 これにより、スクロールに応じてコンテンツを変化させたり、画面上部に戻るボタンを作成することが簡単にできます。 本記事では、「scrollTop()」の基本から応用まで体系的に学べるように構成しているので、ぜひ参考にしてみて下さい！ 「scrollTop()」の使い方 この章では、「scrollTop()」の基本的な使い方について見ていきましょう！一
.map() | jQuery 1.9 日本語リファレンス | js STUDIO
マッチした要素それぞれに指定した関数を実行し、実行結果をまとめた新しいjQueryオブジェクトを生成して返します。 .map( callback(index, domElement) ) 1.2追加 補足事項 デモ .map( callback(index, domElement) ) 1.2追加 戻り値:jQuery 検証する要素をセレクタで指定します。 引数 説明 補足事項 戻り値はjQueryにラップされた配列になります。.get()を実行すると普通の配列を取得することが出来ます。 このメソッドはマッチした要素のセットに対し、それぞれの要素に値をセット、またはそれぞれの要素から値を取得したい場合に非常に有用です。 例えば、次のようなチェックボックスが複数あるコードがあった場合、 <form method="post" action=""> <fieldset> <div> <labe
配列の内容を順番に処理するには？（$.each）
$.eachメソッドを使って、配列やオブジェクトの内容を順に処理する方法を解説。またJavaScriptのevery／someメソッドを、jQueryの$.eachで代替する方法も説明する。 ← 前回 連載 INDEX 次回 → 配列の内容を順に処理するのは、$.eachメソッドの役割です。標準のJavaScriptにも同等のメソッドとしてforEachがありますが、Internet Explorerではバージョン9以降での動作が前提です。Internet Explorer 8以前の環境を想定しなければならない状況がまだまだあることを考えると、現時点では、$.eachメソッドを利用するのが無難でしょう。 $.eachメソッドの基本 まずは、基本的な例を見ていきます。以下は、オブジェクト配列（メンバーリスト）を読み取り、<ul>／<li>リストとして出力する例です。ただし、age（年齢）プロ
Datepicker Widget | jQuery UI API Documentation
The jQuery UI Datepicker is a highly configurable plugin that adds datepicker functionality to your pages. You can customize the date format and language, restrict the selectable date ranges and add in buttons and other navigation options easily. By default, the datepicker calendar opens in a small overlay when the associated text field gains focus. For an inline calendar, simply attach the datepi
jQuery.each() | jQuery API Documentation
Description: A generic iterator function, which can be used to seamlessly iterate over both objects and arrays. Arrays and array-like objects with a length property (such as a function's arguments object) are iterated by numeric index, from 0 to length-1. Other objects are iterated via their named properties. version added: 1.0jQuery.each( array, callback )
$.inArray() | jQuery 1.9 日本語リファレンス | js STUDIO
このメソッドはjavaScriptのindexOfと類似したメソッドで、 対象の配列にマッチする値が含まれなければ-1を返します。 また、配列の最初の値にマッチした場合、0を返します。 javaScriptは型を曖昧に扱うため(例:0 == false、0 !== false )、 マッチするかどうかは戻り値がマイナスかどうかで判断する必要があります。 サンプル 各単語が配列の何番目のインデックスに含まれているか調べます。 <!DOCTYPE html> <html> <head> <style> div { color:blue; } span { color:red; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <div>"John"はインデックス <
.load() | jQuery 1.9 日本語リファレンス | js STUDIO
注: イベントにも同じ名前の.load()という名前のメソッドが存在します。 jQueryは渡された引数を元に、どちらであるかを判断します。 このメソッドは、サーバーからデータを取得してくる最もシンプルな手法です。 グルーバル関数では無い事と暗黙のコールバック関数を持つことを除いて、$.get(url, data, success)とほぼ同等です。 成功したレスポンスであると判断された(例:textStatusが"success"または"notmodified")場合、.load()は 取得したデータをマッチした要素にHTMLとしてセットします。 $('#result').load('ajax/test.html'); どの要素にもマッチしていなかった場合、(上記の例ですと、id="result"を含む要素がなかった場合) Ajaxのリクエストは送信されません。 コールバック関数 もし、"
配列を操作するjQueryのユーティリティ関数まとめ - Qiita
jQuery要素/DOM要素の他に、純粋な配列の操作などができる関数をjQueryは持っていますが、命名や引数などややこしいことが多いのでまとました。 配列を操作するjQueryのユーティリティ関数 純粋な配列を操作できる関数 $.inArray(needle, array) $.each(array, callback(index, value)) $.map(array, callback(value, index)) $.grep(array, callback(value, index) [, invert]) $.merge(first, second) コールバック関数に渡される引数の順序が統一されていないことに注意。 純粋な配列は操作できない関数 $.unique(array) 勘違いすると厄介です。詳しくは後述。 関数の解説 $.inArray(needle, array)
height() - jQuery 日本語リファレンス
最初の要素の高さをピクセル単位で取得します。 jQuery1.2からは、このメソッドでwindowやdocumentの高さも取得できるようになりました。 ボタンをクリックすると、高さを表示します。 サンプルプログラムはiframe内で動いているので、windowの高さは黄色い部分の値になります。予期したよりも小さい値が表示されているかもしれません。その場合は、単独で開いて確認してみて下さい。 <button id="getp">Get Paragraph Height</button> <button id="getd">Get Document Height</button> <button id="getw">Get Window Height</button> <div> </div> <p> Sample paragraph to test height </p> function
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
.toArray() | jQuery API Documentation
map(callback) - jQuery 日本語リファレンス
【jQuery】$.getJSON() - Qiita
【jQuery】処理実行タイミング $(document).readyと$(window).load - Qiita
jQueryでスクロール位置を取得・設定する：scrollTop() | UX MILK
attr(properties) - jQuery 日本語リファレンス