青いやつの進捗日記。

メモとしてべんきょうのしんちょくをかいていきます。あとで自分が検索しやすいもん

jQuery

よく考えると、クラスの取得をjQueryでしかやっていなかった。JavaScriptでクラスを取得し、そのクラス全部に同じ挙動を適応させるやり方。

github.com これめちゃめちゃ見ます。参考になります。 jQueryでHTMLのクラス取得するなら、普段なら const $tabItem = $('.tabItem') みたいにやりますよね。 で、例えばこのクラス全体に同じ挙動を実行させたい。例えばクリックイベントを起こしたいなら、…

jQueryで遅延実行したいとき、delayしてqueue

github.com $("img.js-top-img:nth-of-type(1), img.js-top-img:nth-of-type(2), img.js-top-img:nth-of-type(3), img.js-top-img:nth-of-type(4), img.js-top-img:nth-of-type(5)").delay(delayNum).queue(function () { // スライド $("img.js-top-img:nth…

JavaScriptでクエリ「init=3」の取得

www.tam-tam.co.jp www.tam-tam.co.jp www-creators.com kigiroku.com qiita.com ここらへんが参考になります。 今回は、URLの末尾に ?init=3と入っていたときに、それを取得する方法について。 jQueryで書いてます。 // クエリ取得 init=3 ?以降(2文字目以…

HTMLとかで同じ画像のパスを直書きで複数箇所に指定する場合は修正漏れが起きる可能性があるのでJavascriptで画像のパスを1箇所で管理しよう

<img class="imgBackgroundSize imgTop js-imgTop" src="./img/img1.jpg"></img> <img class="imgBackgroundSize imgTop js-imgTop" src="./img/img2.jpg"></img> <img class="thumnail imgBackgroundSize" src="./img/img1.jpg"></img> <img class="thumnail imgBackgroundSize" src="./img/img2.jpg"></img> のような感じで、複数箇所…

jQueryの様々な指定の仕方。疑似要素とかidとか

idotdesign.net jQueryで疑似要素(:afterとか)を変えたいとき。でも疑似要素はjQueryから指定できません。そういうときはClassのつけ外しで対応しましょう。 .imgOnGreen::before { background-color: rgba($color: #26c52e, $alpha: 0.5); position: abso…

jQueryで関数呼び出すときにfunctionの中に関数を呼びださないとイベント起きなくてもいきなり関数動き出す。

jQueryで関数を作って、他のところで呼び出すときの注意。 teratail.com この記事に似ています。 function changeImg(imgNum) { } って関数を作ります。 で、この関数をクリックで呼びます。 $(".thumnail").click( changeImg(1); ); でいけると思ってたんで…

jQueryの最初の $(function() { } って何ってところからスタート。

qiita.com techacademy.jp まずつまずいたのはJavaScriptをjQueryで書いてもなぜか動かない。 →これはHTMLでJSの読み込み順序を間違えていて、 jQueryを読み込んでから自分のJSを読み込まないとjQueryを使えない。 $(function() { } ってjQueryで書くのはな…