私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレjQuery ライブラリ 総合質問所 vol.4
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
>>900
イベントの順番ではなくて、CSSの適用の方が速いので(正確にはブラウザによって違うと思うが)
フォーカスが外れたらすぐにレイアウトに反映される。CSSを使っている以上無理だろう。
だから全部JavaScriptに統一すればいい。
1. フォーカスイベントが発生した要素に適当なクラスをつける。
2. フォーカスアウトが発生した時にそのクラスを外す。
3. フォーカスアウトですぐにクラスを外して問題になるのなら、
setTmeoutを使って僅かに遅延させればいい。
jQueryを使わなくてもJavaScriptだけでできる。jQueryは
この処理を簡単に記述(おそらく10行以内)できるようにするだけ。
イベントの順番ではなくて、CSSの適用の方が速いので(正確にはブラウザによって違うと思うが)
フォーカスが外れたらすぐにレイアウトに反映される。CSSを使っている以上無理だろう。
だから全部JavaScriptに統一すればいい。
1. フォーカスイベントが発生した要素に適当なクラスをつける。
2. フォーカスアウトが発生した時にそのクラスを外す。
3. フォーカスアウトですぐにクラスを外して問題になるのなら、
setTmeoutを使って僅かに遅延させればいい。
jQueryを使わなくてもJavaScriptだけでできる。jQueryは
この処理を簡単に記述(おそらく10行以内)できるようにするだけ。
>>901
ありがとうございます、よく分かりました!
ありがとうございます、よく分かりました!
うーむ。やってみたけどこれだめだな。
遅延を大きくすれば可能だけど、少し遅延させただけだと
クリックイベントが発生しない。マシンスペックなどによるだろう。
これは他の要素がフォーカスを取った時に、
前にフォーカスがあった所(というか他全部)の
クラスを外したほうが良さそうだ。
想定外の所に飛んだ時とか考える必要があったら
面倒なことになりそうだな。
遅延を大きくすれば可能だけど、少し遅延させただけだと
クリックイベントが発生しない。マシンスペックなどによるだろう。
これは他の要素がフォーカスを取った時に、
前にフォーカスがあった所(というか他全部)の
クラスを外したほうが良さそうだ。
想定外の所に飛んだ時とか考える必要があったら
面倒なことになりそうだな。
あぁ、そうしたw
そうれで行けるならそっちのほうがいいよ。
別に他にやり方が無いわけじゃない。
クリックした時にクラスを外せばいい。
だけどクリック以外にもクラスを外すタイミングがあるだろう。
例えば他のinputとか。
本格的にやるやり方だと、意外と考える必要があって面倒。
手を抜いていいなら楽。画面構成によって変わるだろうから
これ以上やるなら、もう少し情報が必要だなぁと思った次第。
そうれで行けるならそっちのほうがいいよ。
別に他にやり方が無いわけじゃない。
クリックした時にクラスを外せばいい。
だけどクリック以外にもクラスを外すタイミングがあるだろう。
例えば他のinputとか。
本格的にやるやり方だと、意外と考える必要があって面倒。
手を抜いていいなら楽。画面構成によって変わるだろうから
これ以上やるなら、もう少し情報が必要だなぁと思った次第。
twitterやFacebookのシェアボタンをJQuery UI Dialogの上に
置いたら表示出来ないのだけれど、原因分かる人いますか?
置いたら表示出来ないのだけれど、原因分かる人いますか?
jquery ui のdraggableで長方形などはデモでありますが、
任意のアイコン画像をdrag移動させたいのですが、
画像の周囲は透明にした状態でできますか?
例えば●のマークのアイコンなら丸の黒い部分以外の周囲を透過にしたいのですが。
任意のアイコン画像をdrag移動させたいのですが、
画像の周囲は透明にした状態でできますか?
例えば●のマークのアイコンなら丸の黒い部分以外の周囲を透過にしたいのですが。
>>909
試してみたのですが、透過にならないんですよね。おかしいなあ。
試してみたのですが、透過にならないんですよね。おかしいなあ。
>>911
知らないならレスしなくていいよ
知らないならレスしなくていいよ
>>910
その画像どっかのロダにアップして
その画像どっかのロダにアップして
>>912
あ?じゃあエスパーしてやるよ。
その画像の親要素の背景の色を解除すればいい。
ほらCSSの内容だろ。
ローカル環境でそのpngだけを表示して透過しているなら間違いなくこのエスパーは当たりだ
あ?じゃあエスパーしてやるよ。
その画像の親要素の背景の色を解除すればいい。
ほらCSSの内容だろ。
ローカル環境でそのpngだけを表示して透過しているなら間違いなくこのエスパーは当たりだ
タグ以外の部分(本文)の全角と半角のスペースをjqueryで置き換えたいのですが、全角なら
$(this).html(txt.replace(/ /g,'●'));
で全角スペースが●に置き換わるのですが、半角だとタグ中のスペース(<a href...>のaとhの間のスペースなど)まで置き換えられてしまいます。
半角はどのようにしたら上手く変換できるでしょうか。
$(this).html(txt.replace(/ /g,'●'));
で全角スペースが●に置き換わるのですが、半角だとタグ中のスペース(<a href...>のaとhの間のスペースなど)まで置き換えられてしまいます。
半角はどのようにしたら上手く変換できるでしょうか。
>>916
正規表現でやればいいんじゃあないの?
正規表現でやればいいんじゃあないの?
jQueryはDOMのライブラリなのだから
DOM以外にjQueryを使うのは間違い。
DOM以外にjQueryを使うのは間違い。
画面上のある<div>内の領域の(x,y)の座標(ピクセル値で)に、
十字のカーソルを描きたいのですが、最もお手軽な方法を教えて下さい。
何が起こってもその十字のカーソルは画面上に表示され続けるようにしたいです。
十字のカーソルデータは画像ファイルで与えたいです。
十字のカーソルを描きたいのですが、最もお手軽な方法を教えて下さい。
何が起こってもその十字のカーソルは画面上に表示され続けるようにしたいです。
十字のカーソルデータは画像ファイルで与えたいです。
何が起こってもって具体的にどういうこと?
停電しても表示させたいの?
停電しても表示させたいの?
>>919
CSSの話なんでそっちで聞いてください
CSSの話なんでそっちで聞いてください
>>921
お前は仕切り屋か
お前は仕切り屋か
>>922
はい。給料もらって仕切ってるプロですよ。
はい。給料もらって仕切ってるプロですよ。
>>920
はい。地震や災害にも強いカーソルを目指いしたいです。
はい。地震や災害にも強いカーソルを目指いしたいです。
>>916
やってみたけどタグ内は置換されてなかったぞ。
気になるなら.text()でやったら?
$('a').each(function(){
var txt = $(this).text();
$(this).text(
txt.replace(/ /g,'●')
);
});
やってみたけどタグ内は置換されてなかったぞ。
気になるなら.text()でやったら?
$('a').each(function(){
var txt = $(this).text();
$(this).text(
txt.replace(/ /g,'●')
);
});
jQueryUIのdraggableを使って、ごく普通に長方形なdivを配置した場合、
マウスのドラッグで移動できるのは良いのですが、そのdivの上でmousewheelを
回した時には、そのイベントは無視してその下にあるウインドウに投げたいのですが
どうやれば良いですか?
マウスのドラッグで移動できるのは良いのですが、そのdivの上でmousewheelを
回した時には、そのイベントは無視してその下にあるウインドウに投げたいのですが
どうやれば良いですか?
>>926 その下にあるウインドウに投げたい
とは?
とは?
>>927
AAにするとこんな感じ
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄」
―――――――――――――‐┬┘
|
____.____ | .__ いらないPCを
| | | | |\_\ 窓から
| | ∧_∧ | | | |.◎.| 投げ捨てろ
| |( ´∀`)つ ミ | | |.: |
| |/ ⊃ ノ | | .\|.≡.|
 ̄ ̄ ̄ ̄' ̄ ̄ ̄ ̄ |  ̄
. | |||
. | _| | |_
. | |\_\
____.____ | | |.◎.|
| | オッ!! | | | |.: |
| | ∧_∧ | | .\|.≡.|
| |( ・∀・) | |  ̄
| |/ ⊃━⊃━━━━┫ ┃
 ̄ ̄ ̄ ̄' ̄ ̄ ̄ ̄ | ┃ ┃
| ┗━━━━━┛
|
――丶ヽ〃――――――――― ~~~~~~~~~~~~~~~~~~~~~~
AAにするとこんな感じ
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄」
―――――――――――――‐┬┘
|
____.____ | .__ いらないPCを
| | | | |\_\ 窓から
| | ∧_∧ | | | |.◎.| 投げ捨てろ
| |( ´∀`)つ ミ | | |.: |
| |/ ⊃ ノ | | .\|.≡.|
 ̄ ̄ ̄ ̄' ̄ ̄ ̄ ̄ |  ̄
. | |||
. | _| | |_
. | |\_\
____.____ | | |.◎.|
| | オッ!! | | | |.: |
| | ∧_∧ | | .\|.≡.|
| |( ・∀・) | |  ̄
| |/ ⊃━⊃━━━━┫ ┃
 ̄ ̄ ̄ ̄' ̄ ̄ ̄ ̄ | ┃ ┃
| ┗━━━━━┛
|
――丶ヽ〃――――――――― ~~~~~~~~~~~~~~~~~~~~~~
つまり投げる側は2階以上の住居に住んでいるというのが条件になってくるな
>>927
例えばスクーロールするとかだろうな
例えばスクーロールするとかだろうな
スクロールスクロールスクロールスクロールスクロールスクロール
スークーロールスークーロールスークーロールスークーロール
スクーロールスクーロールスクーロールスクーロールスクーロール
スクーロースクーロースクーロースクーロースクーロースクーロー
スークーロールスークーロールスークーロールスークーロール
スクーロールスクーロールスクーロールスクーロールスクーロール
スクーロースクーロースクーロースクーロースクーロースクーロー
>>934
アホですか?
アホですか?
質問
.each()等で取得してきた値を1箇所にまとめて出力するのってどうやりますっけ?
↓hrefの値を取得し#hにテキストで出力したい
<div class="hoge">
<p><a href="#a">#a</a></p><span>hoge</span>
</div>
<div class="hoge">
<p><a href="#b">#b</a></p><span>hoge</span>
</div>
<p id="h"></p>
.each()等で取得してきた値を1箇所にまとめて出力するのってどうやりますっけ?
↓hrefの値を取得し#hにテキストで出力したい
<div class="hoge">
<p><a href="#a">#a</a></p><span>hoge</span>
</div>
<div class="hoge">
<p><a href="#b">#b</a></p><span>hoge</span>
</div>
<p id="h"></p>
あと「どうやりますっけ?」じゃねえよアホ
知ってたけど忘れましたみたいな言い方すんな
知ってたけど忘れましたみたいな言い方すんな
(jQueryプラグインを作る時以外)eachを使ったら負けだと思え
ちなみに最新ブラウザのアロー関数を使ったらこうな
$("#h").html($("a").map((i, e) => e.href).get().join("<br>"));
$("#h").html($("a").map((i, e) => e.href).get().join("<br>"));
>>942
jQueryは、要素を一つづつ操作するライブラリではなく、
「CSSセレクタにマッチした0個以上の要素の塊」に対して操作するライブラリだから。
jQueryが関数型風ライブラリと言われる理由の一つでも有る。
eachを使うと要素を一つづつ操作することになる。
それはjQueryの本来の考え方に合っていない。
これはCSSの考え方にも適合している。
CSSはセレクタにマッチした要素に対して装飾を行うもの。
1つずつ操作をするという手続き型的なやり方はしない。
jQueryプラグインが例外なのは、そもそもプラグインというのは
素のJavaScriptを使ってjQuery風なメソッドを作るものだから仕方がない。
jQueryは、要素を一つづつ操作するライブラリではなく、
「CSSセレクタにマッチした0個以上の要素の塊」に対して操作するライブラリだから。
jQueryが関数型風ライブラリと言われる理由の一つでも有る。
eachを使うと要素を一つづつ操作することになる。
それはjQueryの本来の考え方に合っていない。
これはCSSの考え方にも適合している。
CSSはセレクタにマッチした要素に対して装飾を行うもの。
1つずつ操作をするという手続き型的なやり方はしない。
jQueryプラグインが例外なのは、そもそもプラグインというのは
素のJavaScriptを使ってjQuery風なメソッドを作るものだから仕方がない。
>>944
なるほどjQueryの考え方からすると本筋ではないということですか
本筋から逸れたやり方をすることで
処理速度やコードの可読性が低下したりといった実害はありますか?
また、セレクタでピックアップした要素のひとつひとつに
操作を施したい場合、よりよい方法とはどんなものでしょう?
なるほどjQueryの考え方からすると本筋ではないということですか
本筋から逸れたやり方をすることで
処理速度やコードの可読性が低下したりといった実害はありますか?
また、セレクタでピックアップした要素のひとつひとつに
操作を施したい場合、よりよい方法とはどんなものでしょう?
> 処理速度やコードの可読性が低下したりといった実害はありますか?
「うおすげ簡潔」が答えだろう。jQueryのやり方だと簡潔になる。
> また、セレクタでピックアップした要素のひとつひとつに
> 操作を施したい場合、よりよい方法とはどんなものでしょう?
eachを使わない。
「うおすげ簡潔」が答えだろう。jQueryのやり方だと簡潔になる。
> また、セレクタでピックアップした要素のひとつひとつに
> 操作を施したい場合、よりよい方法とはどんなものでしょう?
eachを使わない。
実害はないということですか
それどころか簡潔な記述にできると
eachを使わない場合forループをまわすか
そもそもループを必要としない処理方法を考えるかですね
(上のmapの例のように)
しかし私の理解不足もあるのかもしれませんが
今後も気軽にeachを使いつづけてしまいそうな気がします・・・
それどころか簡潔な記述にできると
eachを使わない場合forループをまわすか
そもそもループを必要としない処理方法を考えるかですね
(上のmapの例のように)
しかし私の理解不足もあるのかもしれませんが
今後も気軽にeachを使いつづけてしまいそうな気がします・・・
eachを使わなけれいいだけだろう。
例?
$('a').hide()
はい。おしまい
例?
$('a').hide()
はい。おしまい
俺も気にせずふつうに使ってるがダメなのか?
>>949は参考にならんし・・・
>>949は参考にならんし・・・
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
みんなの評価 : 類似してるかもしれないスレッド
- JavaScript ライブラリ総合質問所 vol.4 (985) - [78%] - 2015/12/16 15:00
- JavaScript ライブラリ総合質問所 vol.5 (344) - [75%] - 2022/3/14 17:45
- 【jQuery】JavaScript ライブラリ総合質問所 vol.3 (1001) - [65%] - 2014/6/18 20:58 △
- 【jQuery】JavaScript ライブラリ総合質問所 vol.2 (986) - [65%] - 2013/5/20 7:00
- 【jQuery】JavaScript ライブラリ総合質問所 vol.1 (983) - [65%] - 2012/10/8 22:30
- jQuery 質問スレッド vol.8 (1001) - [30%] - 2018/5/6 11:15
トップメニューへ / →のくす牧場書庫について