javascript 【jQuery】ソート機能を自力で実装 jQueryでソート機能を作るには、何かのリストが沢山ある必要がある。なにのリストにしようか........ネジメーカーにしようか!山手線の連結部分は、沢山のネジで止めてあるからこれ全部取ったら、後ろの車両との連結ができなくなっちゃうのかな... 2020年04月11日 jQueryjavascript
javascript 【jQuery】特定文字列が含まれているかを判定|:contains() 特定文字列が含まれている時、手間かかるかもと思っていたけどif文も書かずにクリア出来て嬉しかったのでご紹介します。今回はリストの中に、特定文字が存在していたらを判断します。下のボタンを押して特定文字列が含まれる文字色を変更します。 Goog... 2020年04月08日 jQueryjavascript
javascript ビンゴ抽選をjQueryで作る! Youtuber江頭さん、元SMAP草薙さんのチャンネル登録者数が100万人達成したよって動画見てなんかすごい時代だなぁ~って思いつつ。 今回はjQueryでクリック数の取得をしてみたいと思います。 さらに、応用編があるのでそちらも見てくだ... 2020年04月02日 jQueryjavascript
javascript 【jQuery】ドロップダウンメニューをコピペで簡単に作る方法 ドロップダウンメニューをHTMLとCSSとjQueryで簡単実装しよう!DEMOドロップダウンメニュー ドロップダウン1 ドロップダウン2 ドロップダウン3 ドロップダウン4 ドロップダウン5 ドロップダウン6下のHTMLとCSSとjQue... 2020年03月30日 jQueryjavascript
javascript 【javascript】コピペで簡単にスライドショーを設置する方法【Swiper.js】 自力でスライダーを設置するのは簡単だが、スライダーの「当たり前」機能を付けるのがすごい手間だったりする。「レスポンシブ対応」や「スワイプやマウスオーバーでの操作」、「スライドの数が増えた時のスクリプト、スタイルの修正」、「Next,Prev... 2020年03月27日 javascript
javascript jQueryで要素の数を取得|divやliを数える jQueryで要素の数を取得|divやリストを数えるリストの数を取得して何かする時や、リストにしていなかった要素の数を調べる時に便利なjQueryの記述のご紹介です。リストの数を取得 <div class="list"> <ul> <li>... 2019年11月25日 jQueryjavascriptサイト制作
javascript jQueryの使い方|CDNとダウンロード jQueryを利用するなら最新版を使っておけば問題ないよjQueryを利用しようとした時に、「jQuery3.4」とか「jQuery2.2」とか「jQuery1.1」とかのリンクがあるけど最初のうちってどれを使ったら、どんな効果があるかわか... 2019年11月24日 jQueryjavascriptサイト制作
javascript jQueryでaタグのURL(href)取得方法 jQueryでaタグのhrefを取得するには、「$('a').attr('href');」を使います。「$('a').attr('href');」を使ったDEMOと説明は下に書いていますので、よろしければ見てください! 2019年10月18日 jQueryjavascript
javascript jQueryでスクロールしたら特定位置で固定する方法 ヘッダーが消えそうになると上に固定されたり、カラムが特定位置で固定されたりなんとなくどうやってやっているのか気になっていたので、調べてみたら理解できた!その理解したことについてまとめます。1まずは「特定位置」を取得しようある要素、ここでは「... 2019年07月28日 jQueryjavascript
javascript jQuery|スクロールして要素が見えたら表示し見えなくなったら非表示にする スクロールしたら画像やコンテンツが表示するサイトは、凝っているなと思ってしまいます。(スクロールしたら表示されっぱなしを作るセットはこちら)そしてもっと凝っているなっと思うのは、スクロールして見えなくなると、そのコンテンツが消えるサイト。そ... 2019年07月22日 jQueryjavascriptサイト制作
javascript jQuery|スクロールして要素が見えたら表示する スクロールしたら画像やコンテンツが表示するサイトは、凝っているなと思ってしまいます。そんな凝ってるサイトをコピペで簡単に作れるセットのご紹介です。基本となるHTMLとCSS基本となるHTMLとCSSは、下に記載します。CSSの「.anime... 2019年07月21日 jQueryjavascript
javascript 【jQuery】画像などのファイルダウンロードボタンを実装 ダウンロードボタンを押すと画像がデスクトップに自動保存するボタンの実装方法についてまとめました。昨日書いた記事で画像のダウンロードボタンを作った際に、「これは忘れそう!」っと思い記事にしました。【HTML】 <a class="downlo... 2019年07月18日 jQueryjavascript
CSS 【jQuery・CSS】画像保存禁止方法まとめ スマホ、PCの画像保存を禁止する方法まとめ。結果から言うと、スマホのスクショで保存を止めることはできませんでした。まずは、PCの画像保存禁止から【PC】右クリックを禁止するjQuery jQueryで右クリックを禁止する【画像保存禁止方法】... 2019年07月16日 CSSjQueryjavascript
CSS PC・スマホで画像保存させない方法【画像保存禁止】 jQueryで画像をDivで囲うCSSとjQueryで画像の手前に透明な要素を追加して、画像を保存しようとしても画像に触れなくする方法。まずは、jQueryで画像(imgタグ)を検知し、その画像をDivで囲います。この時、CSSでスタイルを... 2019年07月15日 CSSjQueryjavascriptサイト制作
CSS CSSでスマホの長押し禁止【画像保存禁止方法】 CSSだけでスマホの長押し画像保存を禁止する方法をご紹介します。PCでは少しだけダウンロードされにくくなるだけなので、スマホだけ有効にすべきです。(右クリックで画像をダウンロードすると、画像が保存されるのではなくページで利用されているソース... 2019年07月14日 CSSjQueryjavascriptサイト制作