jQueryの$(this)の使い方(どこを指してるのか？)
結果（動作サンプル） 下記テキストをクリックすると文字色が変わるかと思います。 jQueryのthisについて 参考：jQueryでcssを追加、削除 説明 $(this)は「イベントが発生した要素」です。 ここでの$(this)はクリックイベントが発生した<p>要素ということですね。 $(this)を使うときは、基本的にはその$(this)を囲うようにイベントが設定してあるかと思います。 始めのうちは、そのイベントのセレクタが$(this)の対象となると覚えておけばよいでしょう。 $(‘p’).click(function() { $(this).css(‘color’, ‘red’); }); 上記の$(this)は$('p')のことですね。 しかし、わざわざ$(this)とせず、下記のようにしても動作するのであまり意味がありません。 $(‘p’).click(function() {
SVGのマスクとアニメーションで動きのあるWEB制作【vivus.js使い方】 | 株式会社リースエンタープライズ
こんにちは、WEBデザイナーの板垣です。 最近、WEBサイトで動画やアニメーションを目にする機会が大変増えてきており、また、制作のご要望でも複雑なアニメーションが増えてきているように感じます。 以前もHTML5 Canvasを使用したアニメーションの記事をいくつか書かせていただきました。 湯気アニメーションについて本気出して考えてみた Canvasを使った動きのあるWebサイト・ホームページ制作をご希望の方へ ただ今回はCanvasではなく、『SVG』でいろいろ変わったアニメーションを作成しようと思います。 SVGについて SVG（Scalable Vector Graphics）とは、よく使われる写真などの「ラスタ形式」の画像とは違い、パス・テキスト・シェイプなどの集合を画像として扱う「ベクトル形式」の画像フォーマットの事です。 私自身は、よく、Adobe Illustratorでパスを
jQueryが動かない（動作しない）理由を考察！スクリプトのどの箇所にミスがあるかを調べる裏技も紹介 | 誰かのためのホームページ制作
jQueryが動かない時の悲しさ。筆者も幾度となく経験している。 だが今となっては、粘り強く原因を究明し対応できるようになった。 本稿ではjQueryが動かない主な原因について紹介するとともに、どのように対応し動かせばよいのかの解説もつけてみた。実際のところ対応方法はケースバイケースなので、詳細のアドバイスはなかなか難しいが、トラブル解決のヒントに役立てていただければ幸いだ。 jQueryが動かない原因を考察 jQuery本体を読み込んでいない あるある度：★☆☆☆☆ jQuery本体を読み込んでいないと、スクリプトを書いても動かない。プラグインも動かない。ここは基本中の基本なので、忘れている人は少ないだろう。 jQuery本家サイトにて本体をダウンロードしファイルを読み込むか、GoogleのCDNを読み込もう。後者の方法を推奨する。 <script type="text/javascri
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
