必要最低限 覚えるべき7つのjQuery,JavaScript

1冊本を仕上げようかと思ったけれど、なかなか進まないので、必要最小限のjQueryだけ先にマスターしようと思う。

実装に頻出7つのjQuery,JavaScript

  • トグル
  • タブ
  • モーダル
  • ドロワーメニュー
  • ローディング
  • フロートトップボタン
  • スライダー

以上の7つがマスターすべきJQueryらしい。

ということで一つずつ勉強をしていこうと思う。

タップで読みたいところにジャンプします

トグル

見出しの一部を押すと下に今まで隠れていた内容が表示されるjQuery

あわせて読みたい
jQueryのトグルを使用したアコーディオン せっかく作ったので、忘備録として残す。 構成の考査 大体の構成は以下の通り。 常時見えているタイトル部 と クリックすることで見えるノート部をつくる。 タイトル部...

タブ

小さな見出しが横並びについていてそれを押すと表示が変わるjQuery

あわせて読みたい
タブで表示を変えるjQuery 表示内容をタブで切り替えられる。 実際に動くURL 使用したJQuery hide() click() attr() show() removeClass() addClass() jQuery $('.tab04__areaStory[id != rai...

モーダル 

全画面に別画面が出て、その画面を閉じるまで他の操作が出来ないjQuery

あわせて読みたい
画面の上にボタンのある子画面が出るjQuery モーダル 広告等でよく使われるjQuery これが動くURLこちら 使用したJQuery hide() click() fadeIn() fadeOut() jQuery のコード $(function () {  // ポップアップを隠す  $('...

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

タップで読みたいところにジャンプします