headタグ内のmeta情報を取得・書き換えを行う。Javascript・jQuery！

スポンサードリンク

「javascriptを使ってheadタグ内のmeta情報の書き換えはできないだろうか？」

こんな疑問がふと知人グループ内で持ち上がったのでちょっくら解決してみようと思いたち、
しばしパソコンに向かいました。

結果的に意外と簡単にmeta情報の取得と書き換えはできてしまったのですが、
正直、あまり使い道はなさそう。。

しかし、せっかく得た知識なので今後の為にアウトプット！

要素の表示・非表示を判定する。javascript・jQuery！

レスポンシブ対応のWEBサイトを作成しているとアコーディオンメニューやハンバーガーメニュー等々、
javascriptやjQueryを使った要素の表示・非表示の切り替えがどうしても多くなってきてしまいます。

仕様の中には、toggleのような単純な切り替えではなく、
「この要素が非表示だったら」、「この要素とこの要素が・・・」なんて複雑な指定をしたい場合があったりします。

そんな時に役立つjavascriptとjQuery要素の表示・非表示の判定方法！

スポンサードリンク

前回ご紹介いたしましたレスポンシブ対応のクリック式スライドショー！プラグインを使わないjQuery技術➀では、単純に要素の移動と色の追加しか行っていませんでしたが、
実際に使用する場面では中の要素に応じて高さの調節をしたいという場合がほとんどだと思います。

そこで今回は、
クリックして表示される要素の高さに応じて自動的に高さを取得し、指定する記述も組み込んでみました！

めんどくさいCSSや小難しいJavascriptの調整をせずに、
ディスプレイのサイズに合わせて自動的に横幅と移動幅を変えてくれるクリック式のスライドショー。

ステップごとに内容を切り替えたい場合や、
画像のアルバムを作ったりと、色々な用途に使えそうなスライドショーをjQueryの簡単な記述で実装してみました！