jQuery

javascript

【jQuery】ソート機能を自力で実装

jQueryでソート機能を作るには、何かのリストが沢山ある必要がある。 なにのリストにしようか........ネジメーカーにしようか! 山手線の連結部分は、沢山のネジで止めてあるからこれ全部取ったら、後ろの車両との連結ができなくなっちゃう...
javascript

【jQuery】特定文字列が含まれているかを判定|:contains()

特定文字列が含まれている時、手間かかるかもと思っていたけどif文も書かずにクリア出来て嬉しかったのでご紹介します。 今回はリストの中に、特定文字が存在していたらを判断します。 下のボタンを押して特定文字列が含まれる文字色を変更します。 ...
javascript

ビンゴ抽選をjQueryで作る!

Youtuber江頭さん、元SMAP草薙さんのチャンネル登録者数が100万人達成したよって動画見てなんかすごい時代だなぁ~って思いつつ。 今回はjQueryでクリック数の取得をしてみたいと思います。 さらに、応用編があるのでそちらも...
javascript

【jQuery】ドロップダウンメニューをコピペで簡単に作る方法

ドロップダウンメニューをHTMLとCSSとjQueryで簡単実装しよう! DEMO ドロップダウンメニュー ドロップダウン1 ドロップダウン2 ドロップダウン3 ドロップダウン4 ドロップダウン5 ドロップダウ...
javascript

jQueryで要素の数を取得|divやliを数える

jQueryで要素の数を取得|divやリストを数える リストの数を取得して何かする時や、リストにしていなかった要素の数を調べる時に便利なjQueryの記述のご紹介です。 リストの数を取得 <div class="list"&gt...
javascript

jQueryの使い方|CDNとダウンロード

jQueryを利用するなら最新版を使っておけば問題ないよ jQueryを利用しようとした時に、「jQuery3.4」とか「jQuery2.2」とか「jQuery1.1」とかの リンクがあるけど最初のうちってどれを使ったら、どんな効果があるか...
javascript

jQueryでaタグのURL(href)取得方法

jQueryでaタグのhrefを取得するには、「$('a').attr('href');」を使います。 「$('a').attr('href');」を使ったDEMOと説明は下に書いていますので、よろしければ見てください!
javascript

jQueryでスクロールしたら特定位置で固定する方法

ヘッダーが消えそうになると上に固定されたり、カラムが特定位置で固定されたり なんとなくどうやってやっているのか気になっていたので、調べてみたら理解できた! その理解したことについてまとめます。 1まずは「特定位置」を取得しよう ある要素、こ...
javascript

jQuery|スクロールして要素が見えたら表示し見えなくなったら非表示にする

スクロールしたら画像やコンテンツが表示するサイトは、凝っているなと思ってしまいます。 (スクロールしたら表示されっぱなしを作るセットはこちら) そしてもっと凝っているなっと思うのは、スクロールして見えなくなると、そのコンテンツが消えるサイト...
javascript

jQuery|スクロールして要素が見えたら表示する

スクロールしたら画像やコンテンツが表示するサイトは、凝っているなと思ってしまいます。 そんな凝ってるサイトをコピペで簡単に作れるセットのご紹介です。 基本となるHTMLとCSS 基本となるHTMLとCSSは、下に記載します。 CSSの「.a...
javascript

【jQuery】画像などのファイルダウンロードボタンを実装

ダウンロードボタンを押すと画像がデスクトップに自動保存するボタンの実装方法についてまとめました。 昨日書いた記事で画像のダウンロードボタンを作った際に、「これは忘れそう!」っと思い記事にしました。 【HTML】 <a class=...
CSS

【jQuery・CSS】画像保存禁止方法まとめ

スマホ、PCの画像保存を禁止する方法まとめ。 結果から言うと、スマホのスクショで保存を止めることはできませんでした。 まずは、PCの画像保存禁止から 【PC】右クリックを禁止するjQuery jQueryで右クリックを禁止する【画...
CSS

PC・スマホで画像保存させない方法【画像保存禁止】

jQueryで画像をDivで囲う CSSとjQueryで画像の手前に透明な要素を追加して、画像を保存しようとしても画像に触れなくする方法。 まずは、jQueryで画像(imgタグ)を検知し、その画像をDivで囲います。 この時、CSSでスタ...
CSS

CSSでスマホの長押し禁止【画像保存禁止方法】

CSSだけでスマホの長押し画像保存を禁止する方法をご紹介します。 PCでは少しだけダウンロードされにくくなるだけなので、スマホだけ有効にすべきです。 (右クリックで画像をダウンロードすると、画像が保存されるのではなくページで利用されているソ...
javascript

jQueryでドラック&ドロップを禁止する【画像保存禁止方法】

ドラック&ドロップを禁止する方法 下のコードは、ページ全ての要素でドラッグ&ドロップを禁止します。 もし、画像のみをドラッグ&ドロップ禁止にしたい場合は、ターゲットを「$(document)」から「$("img")」に変更してください。 $...
広告
タイトルとURLをコピーしました