jQueryを使用してDIVをランダムに表示する

たとえば、次のようなHTMLコードがある場合はjQueryを使用してDIV要素をランダムに表示することができます。 <div class = "item"> 1 </ div> <div class = "item"> 2 </ div> <div class = "item"> 3 </ div> <div class = "item"> 4 </ div>簡単には、次のようなスクリプトを使用することができます。 var random ...

[jQuery]同一ページ内でスムーズにスクロールさせる

同一ページ内のリンクをクリックしたときにスムーズにスクロールされるようにするには、次のjQueryのスクリプトを使用することができます。 $(function(){$( 'a:not()')。click(function(){if(location.pathname.replace(/ ^ //、 '')== this.pathname.replace(/ ^ / /、 '')&& location.hostname == this.hostname){var target = $(this.hash); target ...

jQueryを使用してリンクを新しいウィンドウで開く

特定のリンク(例えば、単一のリンクは、すべての外部リンクなど)をクリックしたときに、新しいウィンドウで開くようにしたい場合があります。 このような場合、HTMLソースからtarget = "_ blank"を挿入すると、簡単に解決だろうが、ソースコードを...

[jQuery]既存のDIVの直後に新しいDIV追加する

特定のDIV次の新しいDIVを追加し、必要なクラスを付与したい場合があります。 この場合は、ソースを変更することができればいいのですが、そうでない場合jQueryを使用することができます。 いくつかの方法を...

Javascriptを使用して、現在のページを更新する

いくつかの方法を使用して、現在のページを更新(リロード)することができます。 JSでlocation.reload()とsetTimeout()メソッドを使用することができます。 <head> <meta charset = "utf-8"> <meta http-equiv = "X-UA-Compatible" content = "IE = edge"> <meta name = "viewport" content = "width = device-width、 initial-scale = 1 "> <title> Auto refresh current page with regular ...

[jQuery]ページの読み込み時に、特定のDIVにスクロールさせる方法

ページの読み込み時に、特定のDIVやアンカー(anchor)の位置にスクロールされるようにする場合には、次のようなjQueryを使用することができます。 $(document).ready(function(){$( 'html、body')。animate({scrollTop:$( '#what')。offset()。top}、「slow ');}); // Source:stackoverflow jsfiddleで実際の動作を確認する...

[jQuery]新しいウィンドウでリンクを開く

リンクを新しいウィンドウまたはタブで実行されるようにするには、htmlタグでtarget = "_ blank"を追加する必要があります。 直接ソースを変更しない場合は、jQueryを使用することができます。 まずはattrメソッドを使用してtarget = "_ blank"を追加する方法を考えてみることができます。 $(document).ready(function(){$( "a")。attr( 'target'、 '_ blank');}); 上記のように...