JavaScript - k n note

JavaScriptで空のhref属性を取得するとページURLが返ってくる。hrefの文字列がそのまま欲しい時は getAttribute()を使う

k n — Fri, 02 Sep 2022 10:38:25 +0000

タイトル通りで、少しハマったのでメモ。以下のようなAタグ（hrefが#や空のリンクタグ）があるとする。 <a href="#" id="link1">#リンク</a> <a href="" […]

The post JavaScriptで空のhref属性を取得するとページURLが返ってくる。hrefの文字列がそのまま欲しい時は getAttribute()を使う first appeared on k n note.

Xserverにmvnを使ってnodeをインストール

k n — Fri, 17 Jun 2022 03:08:07 +0000

Node.js についてサーバーで動くJavaScript。今回はタスクランナー等開発の効率化に使いたい。 NVMとnodebrewのどっちが良いか？日本だと一時nodebrewが人気の時期もあったようだが、世界的 […]

The post Xserverにmvnを使ってnodeをインストール first appeared on k n note.

【jQuery】スクロール量に応じて発火するサンプルコード

k n — Sat, 28 Nov 2015 22:07:30 +0000

こんにちは、中村です。jQueryを使ってスクロール量によってイベントを発火させたいケースがそれなりに多いので、サンプルと説明を残しておきます。追記：scroll系のイベントは発火の回数が著しく多いので、重い処理を入れ […]

The post 【jQuery】スクロール量に応じて発火するサンプルコード first appeared on k n note.

【jQuery】『stop()』がとっても優秀なので、色々いじってみた。

k n — Mon, 23 Nov 2015 04:22:23 +0000

jQueryの『animate』を利用して動的な動きを付けたとき、「勝手に繰り返し動いてしまう。。」という経験ありませんか？これは『animate』のイベントが完了する前に次のイベントが発生してしまい、『animate […]

The post 【jQuery】『stop()』がとっても優秀なので、色々いじってみた。 first appeared on k n note.

【jQuery】『mouseover』が複数回発生してしまう時の対処方法

k n — Sun, 22 Nov 2015 04:19:54 +0000

jQueryで『mouseover』や『mouseout』を使って動的な動きを付けようとしたときに「あれ、何度も発火してしまう・・」と謎の挙動を繰り返す事態にでくわしました。なので、その状態の説明と改善方法についてまと […]

The post 【jQuery】『mouseover』が複数回発生してしまう時の対処方法 first appeared on k n note.

【HTML5/jQuery】マウスオンで音がなるボタンを追加する方法

k n — Tue, 03 Nov 2015 09:42:51 +0000

どうも、中村です。ふと、「もっと面白いブログにしたい」という感覚が湧いてきまして、navigationに音をつけました。そのログです。自分の備忘録がメインなので端折っている点などがあるかもしれません。 jQueryHT […]

The post 【HTML5/jQuery】マウスオンで音がなるボタンを追加する方法 first appeared on k n note.

【jQuery】指定した要素の直下の子要素を取得する方法

k n — Tue, 22 Sep 2015 02:36:10 +0000

jQueryを使って子要素の取得をする方法をご紹介します。子要素の取得に使えるjQueryの関数には「.find()」や「.children()」がありますが、今回は”.children()”メソ […]

The post 【jQuery】指定した要素の直下の子要素を取得する方法 first appeared on k n note.

【随時更新】WEB制作やコーディングで役に立つWEBサービスまとめ

k n — Tue, 25 Aug 2015 07:43:46 +0000

WEBデザインの仕事をされている方にオススメの HTML/CSS/javascriptを利用したコーディングで役に立つ便利なWEBサービスを紹介いたします。 CSS/CSS3関連 OneClickCSS http:// […]

The post 【随時更新】WEB制作やコーディングで役に立つWEBサービスまとめ first appeared on k n note.

Ajaxで取得したHTMLを挿入する方法

k n — Sun, 14 Jun 2015 02:04:52 +0000

ajaxで別ページのHTMLを取得して、指定したDOMの中に挿入する時に、ajaxで指定したDOM全体を挿入するときにつまづいたので、その備忘録です。修正版のajaxのコードはこちら script.js $(funct […]

The post Ajaxで取得したHTMLを挿入する方法 first appeared on k n note.

【jQuery】animate実行中かどうかを判別するif文

k n — Wed, 06 May 2015 09:45:42 +0000

animateを多重に使用したページを製作した際に、「このanimationの実行中は、他のScriptが実行されないようにしたい」と思い調べたものを忘れないようにメモ。参考にさせて頂いた記事 htt […]

The post 【jQuery】animate実行中かどうかを判別するif文 first appeared on k n note.