タグ: jQueryの使い方・活用方法

jQueryはHTML・CSSで実現できない振る舞いを指定することが可能なスクリプト。活用することにより、ページの内容を操作でき、予め表示されるページ内容を動的に表現することが可能。

  • HTMLは要素の定義
  • CSSは要素の装飾
  • JavaScriptは準備された要素や装飾に変化を与える(振る舞い)

    簡単なjQueryの使い方・jQueryをすぐに利用したい人のためのクイック導入

    jQueryというのはJavaScriptファイルです。 どういった内容のJavaScriptファイルかというと、何かのHTML要素を動かしたり、動きをつけたりといったことを一からJavaScriptで記述するよりは簡単に実現することが可能になるような、いわば準備・下ごしらえ的な内容のファイル(ライブラリ)です。 基本的にはjQueryファイルは変更しません。あなたが、動きを付けたいJavaScriptの記述よりも前に外部読み込みをして利用します。 ...

    bxSliderの使い方

    bxsliderというjQueryを使ったプラグインがある。 https://jquery.com/からjQueryのコアファイルをダウンロードする http://bxslider.com/からプラグインをダウンロードする 外部読み込み記述 jQueryのコアファイルを外部読込する bxSliderのCSSを外部読込する bxSliderのJavaScriptを外部読込する bxSliderを呼び出すスクリプトを記述する $(document).ready(function(){ $('.bxslider').bxSlider( // ここ...

    はじめて使うjQueryというもの・導入、使い方や活用方法

    jQueryというものは、今までJavaScriptを使って一から振る舞いをコーディングしていたものを少しばかり簡単に記述できるようになるJavaScriptで出来たプラグイン。またそれを利用した動きや、よく使用するエフェクトを実現させるためのプラグイン(ややこしいがこれもプラグインという) コアファイルをjQueryの記述より手前に記述して、読み込めるようにする。多くは<head>内に記述 コアファイルの読み込みの後...

    [jQuery] ページトップに戻るリンクへスムーズにスクロールさせる動きをつける

    スルスル~っとスクロールするページのトップへ戻るボタンを最近見かけたことってないですか? jQueryを使えば簡単に実現することができます。 スムーススクロールのライブラリを使う方法 jQueryのサイトに行って、Javascriptのファイルをダウンロードします。改行のついたソースコードと、動作の速さを求めた改行なしの軽いソールの2種類があります。どちらか選んで、jquery.jsとでも名前をつけて保存。 scroll...