[B! qiita][jquery] xai1981のブックマーク

jQueryの.each()はjQueryオブジェクトではなくDOM Elementを渡す - Qiita

$(document).ready(function(){ $("div.box").each(function(i, box){ var button = box.children("button.push"); var paragraph = box.children("p.text"); button.click(setButtonClickCallback(button,paragraph)); }); }); function setButtonClickCallback(button, paragraph){ return function(){ if (button.text() == "Show text") { button.text("Hide text"); } else { button.text("Show text"); } paragraph.toggle()

xai1981 2019/06/12

qiita
jquery

リンク

jQueryで自分以外の兄弟要素を取得する方法 - Qiita

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>jqueryで自分以外の兄弟要素を取得する</title> <style> .red { background: red; } .blue { background: blue; } .Brother { display: flex; } .child1, .child2, .child3, .child4 { display: block; width: 200px; height: 200px; line-height: 200px; text-align: center; border: 1px solid #ccc; margin: 10px; } </style> </head> <body> <div class="Wrapper"> <d

xai1981 2018/12/21

リンク

jQueryの基本 - $(document).ready - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

xai1981 2018/04/04

リンク

【jQuery】stopメソッドを理解する - Qiita

stopメソッド私はstopメソッドを$(hoge).stop().animate({のような、引数を指定しない方法でしか使っていませんでした。しかし、true/falseの引数の使い分けで四種類の動作が使い分けることができるようだったので、ビボっておこうと思います。引数によって変わる処理の仕方 /* １．現在のアニメーションが最後まで完了していなくても、その状態から次のアニメーションに移行する*/ stop(false, false).animate stop().animate /*２．現在のアニメーションが完了しないまま、次のアニメーションは破棄されて実行されないので、最初のアニメーションの途中状態で止まる*/ stop(true, false).animate /*３．現在のアニメーションは最終的なゴールにジャンプし、そこから次のアニメーションが開始される*/ stop

xai1981 2018/03/20

リンク

Reactを使うとなぜjQueryが要らなくなるのか - Qiita

はじめに React（通称 React.js1）を全く知らない、あるいは幾つか記事を見たけどなんなのかピンと来ていない、という人のために書いています。「jQuery くらいしか知らない」くらいの人に具体的に雰囲気を知ってもらうのが目的であり、すでにやる気がある人向けのチュートリアルではありません。やる気が出れば日本語版ドキュメントを読んで手を動かせばあっという間なので、そこまでの興味が出ることを目標にしています。以降では ES2015 (ES6) の文法（アロー関数とか）を使っています。この部分が怪しい人は先にアロー関数と const 文だけでも知ってから先に進んでください。以下の説明中、このアイコンで表すのは（2023 年現在から見た）『昔話』です。新しく自分のコードを書く際には本来知らなくていいことですが、古い記事を見たときに混同しないための参考情報として書いてあります。この記事

xai1981 2016/10/04

リンク

はじめてajaxを使うときに知りたかったこと - Qiita

はじめに今更ですが最近ajaxを少し触るようになりました。 jQueryを使えば簡単にajax通信ができるため、単純なものであればそれほど実装は難しくないかと思います。ですが少し複雑なことをやろうとしてみると、急にハードルが上がる気がします。そこで自戒を込めて、ajax初心者の方に対してはじめにこれを知りたかったと思えるんじゃないかというものをまとめてみたいと思います。 ※jQueryを利用したajax通信を想定しています目次処理の順番を意識する $.ajax()の省略メソッドを知るイベントを知るデバッグ方法を知る通信状況を想定する（タイムアウトを設定する）連続クリックを防止する ← [New!] 連続通信を防止する ← [New!] 処理の順番を意識する ajaxを使用する場合は、非同期通信で処理したいケースがほとんどかと思いますしかし単純にそのまま書いただけでは処理