ブログフロントエンド10年目の僕がHTML、CSS、javascriptの忘れがちなことを日々書いています。3つのイベントが鍵となります。横方向の距離を知りたい時ってありますよね。そんな時に便利なのが、jQueryの機能です。今回は、jQueryを使って横方向の距離を取得する方法を、笑え...2024年10月28日javascriptjQueryjavascriptjQueryでaタグからパラメータを抜いたURLを取得する方法ブログ記事やWebサイトで、aタグにパラメータを仕込んでページ遷移させていることってありませんか?jQueryを使えば、そのパラメータを簡単に排除したURLを取得することができるんです!今回紹介するのは、たった数行のコードで実現できる超絶シ...2024年08月12日javascriptjQueryjavascriptjQueryで特定の文字列をもつ要素を取得jQueryで特定の文字列を含む要素を取得する方法ご紹介です。この方法はリストをループ処理して特定文字列のあるリストのスタイルを変更する処理になります。実際のコードはこちら。$('li').each(func...2024年08月05日javascriptjQueryjavascriptjQueryで偶数、奇数を判定Webサイトの開発において、数値を扱うことは頻繁にあります。その中でも、偶数と奇数の判定は様々な場面で必要となる重要な操作です。そこで今回は、jQueryを使って簡単に偶数と奇数を判定する方法を紹介します。2...2024年07月22日javascriptjQueryjavascriptjQueryでリストの最後に要素を追加する方法リストの最後に要素を追加するってなんだったけ?ってよくなる。英語がダメな自分は、「最後に追加する」的な英語がパッと出てこないからgoogle翻訳に聞いてみた。end」って返ってきた。jQueryに「$("")....2024年07月08日javascriptjQueryjavascriptjQueryでaタグが外部リンクかを自動判定して[target=”_blink”]を付けるaタグが外部リンクだった時、よっぽどの理由がない限り別窓で表示する「target="_blink"」を付けるじゃない。自分でHTMLを記述していれば当たり前に付けるけど、Wordpressの時はこうゆう気づかいって結構大事。兄弟要素に特定のクラスが有ったら兄弟要素に特定のクラスが存在したらなにかする方法のご紹介です。繰り返し(each)の最後だけに何かしたい時jQueryの「each」でループした際に、最後の要素にだけ何かしたい時の記述方法のご紹介です。バージョン1.0は、Yesの数を数えて結果を出すアンケートでした。HTMLのタグに「style=""」が残っちゃうのが嫌だった。それではその発明的なアイディアを...2023年10月23日javascriptjQueryjavascript【jQuery】値が数値かどうかをチェックする方法jQueryで値が数値かどうか判定する方法は「$.isNumeric()」を利用します。現在のURLで特定の文字列が含まれていたらを判定する処理のご紹介です。特別な処理を書かなくて、下記をコピペですぐできます。それでは共通のHTML、CSS、jQueryを。次へホームjavascriptjQuery広告エンデ・バタローフロントエンドエンジニアとして10年目のキャリアを積んでおり、figma、Illustrator、Photoshop、WordPress、HTML、今は亡きXHTML、CSS(scss)、JavaScript(jQuery)、PHPなど使って日々仕事をしています。仕事で検索する手間を省くためフロントエンド技術に関するブログを書いています。制作のご依頼はこちらから連絡ください。ブログ.メニューHTMLCSSjavascriptPHP箱庭タウンズ。