カテゴリー
プログラミング

JQueryをwordpressで扱う場合の注意点

jQueryとは?

まずJavaScriptを説明する。

html,cssだけでは、クリックしたら、色を変えるなど、ユーザーの処理に応じて何か動的に反応するということがほとんど残念ながらできない。

たしかに、hoverとか使えば色は変わるが、それ以上の事はできない。。。。

残念だ!!!

こんな時に、JavaScriptである!

これは、アニメーションを付けるのに役に立つ。

JQueryとは?

jQueryというのは、JavaScriptを私のような初心者にも使えるようにしたものである。

このサイトの目次の閉じたり開いたりするやつはjQueryで作った。

  • クリックする
  • 文字が閉じるなら隠して、開くに表示を変える
  • 文字が開くなら内容を表示して、閉じるに表示を変える

このような、直感てきなアルゴリズムでできるのである。

以外に簡単であるが、苦労した点は他にある。

wordpress では独自のjQueryが用意されている

なので、いきなりJqueryの文を書くべきである。

初心者は余計なことを考えてはいけない。

他にも気を付けるべき点は、

$を使うな!!!

かわりにjQueryという言葉をつかえ!

これがwordpressのお約束らしい。

注意点

そして、このサイトのように、developer tool を使いながらやっていくと良いだろう。

何処にエラーが来るのか?が分かる。

あと、どこまで上手くいったかを分かるために、console logを使うとやりやすいかもしれない!!

まとめ

jQuery は簡単に要素を隠したり変更させたりできるのでおすすめである。

作者のフォロー

2020年生物科なのに電験2種を取得。

2024年現在勉強していること

電気電子工学、量子力学、プログラミング(機械学習やアルゴリズムやサイト作成など)、生化学、分子生物学、有機化学などを学習しています

これからこのような学問を勉強していく人に役に立つ情報を発信していきたいです!!

良かったら作者をフォローしてね