JavaScriptで一番有名なDOM用ライブラリであるjQueryのスレです。
jQueryを使うとJavaScript単体では面倒な処理でもほんの数行で実現可能になります。

このスレはjQueryやjQuery UIの使い方やjQueryプラグインの作り方を質問するスレです。
JavaScriptだけだと面倒だけどjQueryでもっと簡単に書けませんか？というのもOKです。

jQueryを使って作る側のスレであって、こんなプラグインありませんか？と
聞くスレではありません。そいうのは自分で探してください。
ろくにサポートもされてなさそうな野良プラグインの使用はおすすめしません。

前スレ
jQuery ライブラリ 総合質問所 vol.4
http://peace.2ch.net/test/read.cgi/hp/1400313626/

・ダウンロード、CDN
http://jquery.com/download/

・ブラウザサポート
http://jquery.com/browser-support/

・jQuery UI
http://jqueryui.com/

・jQuery UI ダウンロ－ド
http://jqueryui.com/download/


・リファレンス等
http://alphasis.info/
http://www.jquerystudy.info/
http://js.studio-kingdom.com/

要素をユーザ（サイト閲覧者）がローカルのHDDなどに
保存するにはどうしたらいいでしょうか？

やりたいことのおおまかは

(1)フォーム入力項目やマウスで拾った座標をHTML要素→XMLかJSON化し、
(2)ユーザ任意のフォルダやファイル名を<input type="file">で受け、
(3)クッキーではなく新規保存・読み込みをさせたいのです。

(1)(2)まではいいのですが(3)が検索で見つかりません。
$.ajaxでローカル保存は可能でしょうか？
または簡単に解説したサイト（またはライブラリでも）をご教授願います。

<div id="div1_id">...</div>
があったとして、中にいろんな要素が入っています。
ブラウザーのリサイズで大きさも位置も変わります。
そのdiv1_idと全く同じ位置に同じ大きさで
<div id="div2_id"></div>
を配置したいのです。リサイズ時にも影武者のように付いて回る感じにしたいのです。
CSSで出来るのかJQUERYで出来るのか分からないのでここで質問させて
頂きました。JQUERYで方法があれば教えて下さい。

>>4
<div id="div1_id">
<div id="div2_id">

...

</div>
</div>

cssのposition:absolute
では？

>>6
中に入れない方法はありますか？

>>7
その外をまた囲うとか。

<div id="div_3id">
<div id="div1_id">...</div>
<div id="div2_id">...</div>
</div>

なんにしろjQueryでリサイズのイベント拾ってやると重くなるし
CSSで何とかできそうな感じだからそちらで聞いたほうがいいかも。
そこでだめならまたここに来たらいい。

ブラウザのリサイズで重いっていうのは気になるよね。

ただよく考えて欲しい。

普通はブラウザのリサイズなんてしねーだろ？

>>3
外部ファイルの新規作成、編集、削除ならphpの方がスマートじゃないの？

>>4　こんなんでどう。　結局は>>6さんと同じリクツであることには変わらないが。

<script>
$(function(){
var Elm = $('#div1_id');
Elm.wrap('<div class="div_parent" />').parent().css('position','relative');
var ClElm = Elm.clone(true).attr('id','div2_id');
Elm.after(ClElm);
});
</script>

<style>
div[id^=div]{ position:absolute; top:0; left:0; padding:10px; border: solid 1px #ccc; width:30%;}
#div2_id{top:5px;}/*わかりやすいようにここでズラしてるだけ*/
</style>

<div id="div1_id">中の要素もイベントもコピーされる</div>

たくさん数があるならid名の数字部分を変数にすればいい

>>10
鯖がphpに対応してないのです。
こういうことはjsやjQではだめなのでしょうか。

>>12
local Storageって単語ではでググった？（IEでたぶんハマりそうだが。）
俺は試したことはないから、他の人からの回答待つか、JavaScriptの質問スレッド行くがよし。

質問です
下のコードAとコードBの違いを教えてください
コードBの使いどころがわかりません
わからないのでBのコード例が適切かどうかも自信がありません…

//コードA
hoge();
function hoge() {
//処理
}

//コードB
$.hoge();
$.hoge = function() {
//処理
}

$=jQuery は同じものを表すから、以下の2文は同じ($は省略形)。
$(function(){ ... });
jQuery(function(){ ... });

コードAは、普通のJavaScriptで、
コードBは、jQueryメソッドの呼び出し

$には、jQueryオブジェクトが入っている。
また、この手法をマネして、$を使うライブラリもある。
その時は、$ではなく、jQueryを使えばよい

>>14
普通はコードBのようなことはしない。

全く無いとは言い切れないが
それだけでは何もわからない

>>13
それでもWeb Storageでも保存先が難しそうでして。
（そもそも保存先指定できるのか？ですが。）
でないと当初の用途的にはクッキーとさほど変わらずです。

ただキー管理とJSON可能はいいので前向きに検討しています。
ありがとうございます。

>>17
保存先は指定できないよ。各ブラウザの仕様に依存するから。

それとjavascript(jQuery含め)は、基本的に
身近な拡張子のファイルに対し、
リネームや書き込みなどは一切できない。読込みと送信専門だ。

最初にも書いたがphpはむしろそういう事に向いている。

>>3の内容はよくよく考えてみると
ユーザーのPCにトロイを仕込むのに最適な仕組みだなｗ

「jQuery 2.2」と「jQuery 1.12.0」がリリース
http://codezine.jp/article/detail/9191

　jQuery開発チームは、JavaScriptライブラリjQueryの最新版として、バージョン2.x系列の
「jQuery 2.2」と、バージョン1.x系列の「jQuery 1.12.0」を、1月8日（現地時間）にリリースした。
　「jQuery 2.2」および「jQuery 1.12.0」では、セレクタがquerySelectorAllメソッドや
matchesSelectorメソッドを処理できない場合に、プリコンパイル済みのSizzleセレクタを使用し、
パフォーマンスを向上している。

　このほか小規模の変更として、SVGクラスのサポートや、単一のオブジェクトを含むajaxショートカットである
jQuery.post(options)およびjQuery.get(options)の追加、ES6/ES2015準拠のSymbolタイプおよび
Symbolイテレータのサポート、jQueryからDOMを操作可能にするjQuery.htmlPrefilter()メソッドの追加、
既存のソートDOMをドキュメント通りの動作に変更するエイリアスjQuery.uniqueSortといった変更が行われた。

　なお、バージョン1.x系列はIE 6／7／8をサポートしているが、バージョン2.x系列ではこれらのレガシーブラウザをサポートしない。

　今後は、大きな変更を加えた「jQuery 3.0」のリリースを予定しており、同バージョンのリリース以降も
バージョン1.x／2.x系列のサポートは継続されるものの、新たな機能追加は行われず、修正パッチの提供のみ実施する。

>>19
てことはphp・・・

（別スレで指摘を受けて移動しました）

【環境】　WinXP，Apache 2.0，PHP5，Firefox43.0.4，jquery-1.12.0.min.js
【エラーメッセージ】　結果画像を参照願います。
【期待する結果】　JavaScriptでPHPに引数を渡し実行しブラウザでアラート表示したい

【サンプルコード】
http://webcake.no003.info/webdesign/jquery-ajax-php-post-sample.html　(1)
http://kihon-no-ki.com/jquery-php-ajax　(2)

一応、自作のコードを書いて実行したのですが、どうにも解決策が分からないので
いっそのことWebにある例を試しに丸ごと実行しようと【サンプルコード】を丸コピペ実行
しましたが画像のエラーが出て困っています。

（結果画像）
　(1)　PHPコードが丸ごと出る
　(2)　PHPでのエラーを指摘
※入力フォームの文字列は適当に書いています

尚、サイト(2)のjQuery側コードは末尾の「});」が抜けているのでそこは訂正しています。

環境や基本設定に問題があるのでしょうか？

>>23
複数のPHPコードを試しましたがコマンドプロンプトで問題なく動作しています。
（勿論、phpinfoも表示されます）

>>25
コマンドプロンプトで動かしても意味は無い。
つーかPHPスレにいけ
ここで答えは教えない

>>26
PHPスレの方で「phpの問題じゃねーべ」，「ここで聞くな。移動しろ」と言われたのですが。

そもそも、Webにある2つサンプルとPHPスレで教えてもらったコード丸写しでも
出来ない理由が知りたいです。

>>27
元のスレに理由書いたよ

>>28
ごめんなさいPHPスレを見ても分かりません、
3つのサンプルに共通している箇所を探せば良いのですか？

だからここには書きません

>>25
「コマンドプロンプトで」
…いや…ちゃうねんで

http://localhost/phpinfo.php

とかで動かなあかんねんで

ワロタ
結末が気になって向こうから覗きにきたけど
そもそもhttpdが入ってないのか

ウインドウのリサイズではなくて、マウスドラッグで
ウインドウを動かした直後のイベントは取れますか？
とりあえずChromeの場合でお願いします。

>複数のPHPコードを試しましたがコマンドプロンプトで問題なく動作しています。
>（勿論、phpinfoも表示されます）


「キリッ」を付けたくなる、勢いのあるレスだな
「俺は正しいんだが？」感に溢れていると感心

元スレでやれ

出来ました。　色々有難うございます。
仕切り線の上は var_dump のものなのでコメントアウトすれば
目的の表示になります。

6年ほど前にFlash（SWF）+PHPの簡単なシステム（モニタリングシステムの試作）を
作ったのですが、その時はコマンドプロンプトで事足りていたので今後はlocalhostの
利用を留意しておきます。

index.htmlの中に赤色のdivがあるとして、
$(document).ready(function () {...})
の中でdivの色を青に変更すると、一瞬赤色が見えて、その後青色になるのですが、赤色がチラッと見えるのを防止する方法はありますか？

デフォで隠しておいて青に変えたあとに表示する処理を入れる
displayかvisibilityかはケースバイケースで

>>38
なるほど。ありがとうございました。

$(document).ready(function () {...})
これは意味なくムダに長いんで

$(function () {...})
こっちで書きましょうね。

>>39
なんか初心者にありがちな間違った道に進みそうだから
言っておくけど、jQueryでcssメソッドを使ってdisplayを変更する
というコードを書いたら駄目だからな。

$(function () { $(body).addClass('loaded') })
例えばこんなコードを書く。jQueryのコードはこれでおしまい。

後はCSSで以下のように書けばいい。
div { color: red }
.loaded div { color: blue }

jQueryでやるのは原則としてクラスの付け外しだ。

訂正

div { display: none }
.loaded div { display: block }

>>40
>$(function () {...})
>こっちで書きましょうね。
なぜですか？
私は
$(document).ready(function () {...})
が好きなのですが。

>>41
>言っておくけど、jQueryでcssメソッドを使ってdisplayを変更する
>というコードを書いたら駄目だからな。
なぜですか？

>jQueryでやるのは原則としてクラスの付け外しだ。
クラスの付け外しでは出来ない処理はどうするんですか？

>>43
> なぜですか？
長く書く意味が無いからです。

> なぜですか？
複雑になるからです。

> クラスの付け外しでは出来ない処理はどうするんですか？
CSSで出来ない処理 "だけ" をjQueryで書きましょう。
シンプルにするためです。

　
http://homepage2.nifty.com/e-d-a/scurl/Godzilla-G.html
http://homepage2.nifty.com/e-d-a/scurl/DarkKnight-J.html
http://homepage2.nifty.com/e-d-a/scurl/StarTrek.html
　
管理会社、仲介業者が苦情に対応せず困っています
これらの人と知人,家族,親類の方はお知らせ下さい。
　
●浪速建設
南野 東条
http://www.o-naniwa.com/index.html
社長 岡田常路
http://www.o-naniwa.com/company/
　
●アパマンショップ八尾支店
加茂正樹 舟橋大介
http://www.apaman-yao.jp/store/
社長 大村浩次
http://www.data-max.co.jp/2010/10/01/post_11983.html
　
●クリスタル通り205号室の入居者
　
hnps203@gmail.com
　
http://homepage2.nifty.com/e-d-a/scurl/ia-1-3.html
http://homepage2.nifty.com/e-d-a/scurl/ia-2-1.html
http://homepage2.nifty.com/e-d-a/scurl/ia-3-1.html

>>44
documentもreadyもある方が分かりやすいだろが

>>46
わかりやすさはどちらも変わらない。

さがしやすい

>>48
$(function

探せないのか？

分かりやすさなら jQuery.on('DOMContentLoaded', function () {}); が断然上
書き方なんて好き好きなので押し付ける意味がない