jquery

jQuery

JavaScriptで変数の値がundefinedかどうかを判別する

javascriptで変数の値がundefinedかどうかをtypeof、void 0、nullを使って比較し判別する方法jQuery関連記事typeof演算子で判別するjstypeof演算子を使うと対象の変数の値がundefinedだった...
jQuery

jQueryで別ページの動的に生成した要素までページ内リンクを効かせる

jQueryで動的に、コンテンツを生成したページへ、別ページのaタグからリンクした時に、指定要素のidにまでページ内でスクロールさせたいが、できない問題の対策jQuery関連記事概要下記のようなページ1があったとする。htmlページ1はリン...
jQuery

jQueryのslice()を使って文字列の最初や最後の1文字を削除する

jQueryのslice()を使って文字列の最初や最後の1文字を削除する方法と前後から指定文字分切り出しする方法。 slice()で、配列や、要素を取得する方法も紹介します。jQuery関連記事sliceで文字列の切り出しをするJavaSc...
jQuery

jQueryのappendやbeforeでDOMを操作し、html要素に複数追加する

jQueryのprependやappend、before、afterでDOMを操作し、html要素に位置を指定して複数追加したり、入れ子にする方法。jQuery関連記事デモを用意しました。1.要素の前に追加する.before()htmlJa...
Yahoo

【Yahooトリプル】jQueryでページ内リンクをスムーズスクロールできないを解決する

Yahooショッピング用のレンタルサーバー、トリプルで作ったスムーズスクロールなページ内リンクを使うとスムーズスクロールしてくれない状況の解決策jQuery関連記事状況・使うコードは下記記事で作ったhtmlとJavaScript。・リンクは...
jQuery

ページ内リンクをjQueryでスムーズにスクロールさせる

ページ内リンクをjQueryでスムーズにスクロールさせるjQuery関連記事ページ内リンクのの作り方htmlまず、スクロール位置を移動させたい要素(上の例だとh3)にidを振り、ページ内リンクのトリガーとなるaタグのhref属性にh3と同じ...
css

jQueryでcssの:before・:afterの疑似要素のstyle・contentを変更する

jQueryでcssの「:before」、「:after」などの疑似要素のstyleを変更する方法です。色や背景などのデザインだけでなく、contentの内容も変更できます。css関連記事jQueryで要素のcssを変更するJavaScri...
jQuery

【jQuery】PCとスマホのIEやGoogle chromeなどのブラウザをユーザーエージェントで判別する

IEやGoogle chrome、Firefoxなどのブラウザをユーザーエージェントで判別し、処理を振り分ける方法、ついでにスマホ判別もjQuery関連記事ユーザーエージェントを順番に判別していくJavaScriptuserAgent関数で...
css

Bootstrapのグリットスタイルで横並びのカラム同士の高さを揃える

Bootstrapのグリットスタイルで、cardや画像などの横並びコンテンツで、それぞれの高さが違う場合に、高さ指定しないでカラム同士の高さを揃える方法css関連記事カラム同士の高さを揃えるhtmlこんな感じでレイアウトしているときにカラム...
jQuery

【jQuery】スクロールして可視範囲に到達したら画像にアニメーションつきで表示する

jQueryでスマホなどでスクロールして行くと画面が見える範囲に到達したら画像などにアニメーションをつけてスライドさせる方法jQuery関連記事スクロールアニメーションのサンプル動かす領域の位置を取得htmlJavaScript今回動かす要...