sugitaコメントするjQueryで要素を追加する場合や、特定の要素を囲うには下記のように記述します。▼appendappendは指定した要素の最後にHTMLを追加します。});123$(function(){$("ul").append("<li>example</li>")});▼prependprependは指定した要素の最初にHTMLを追加します。});123$(function(){$("ul").prepend("<li>example</li>")});▼beforebeforeは指定した要素の前にHTMLを追加します。});123$(function(){$("ul").before("<div>example</div>")});▼afterafterは指定した要素の後ろにHTMLを追加します。});123$(function(){$("ul").after("<div>example</div>")});▼wrapwrapは指定した要素をHTMLで包み込みます。sugitaコメントする自社のサイトリニューアルの際に、メインビジュアルで動画を流すことになったので、html5のvideoタグと、再生を制御するjavascriptについて解説します。0;}今回は、動画をフェードインさせる必要があったので、video要素の直前にカバー画像用のdivを作りました。video自体をjQueryでフェードインさせると、処理が重たくなり再生がスムーズにされなかったので、フェードイン効果はcss3で実装しています。sugitaコメントする簡単なタブによるコンテンツの表示切替を実装するコードです。sugitaコメントするjqueryを使ってclass付与と同時にアンカー要素にスムーススクロールを実装します。false;を書いていたので、処理が通らずスムーススクロールが実行されませんでした。その要素のイベントをキャンセルし、stopPropagation()は、親要素への伝播をキャンセルする。使うと、その要素のイベントも親要素への伝播も両方キャンセルする。sugitaコメントするレスポンシブサイトで、スマホ表示のときだけtelリンクを有効化したいとき、cssでやるのもいいですがソースが汚れるだけなので、おとなしくscriptで実現しましょう。あ、当然jQueryの本体は読み込んでいるものとして書きますので、あしからず。'</a>'));});}});で、こんな感じでソースを書きますね。class="tel-link">00-0000-0000</span></p>あとはお好みでcssを書いちゃってください。Javascriptを使ってカーソルが触れると画像を変更する。下段にはtdにあるサムネイル画像にマウスカーソルを合わせるとonmouseoverでmyChgPicに大きな画像のurlを指定します。myPicURL;}</script>HTMLで指定したmyChgPicに対してtdの上段で指定したname=itemImageの画像のURLをdocument.imagesで書き換えるという3行のシンプルなコードで完成!■下記は実際動かしたDEMOです。絵画販売ドットコム最近の投稿トンマナはじめまして。501ビューページの紹介testtestありがとうございました。