読者です 読者をやめる 読者になる 読者になる

ねっとぱんだ

webdesignとprogramingの勉強ブログ。

jQueryプラグイン①bxSlider導入方法

今回はbxSliderをつかったスライドの作り方に着いて勉強しました。 bxSlider導入方法 1.まず[bxSlider](http://bxslider.com/)のサイトに行き、ダウンロードします。 2.「jquery.bxslider.zip」がダウンロードできるので解答し、フォルダ内にある「jquery.bx…

jQuaryのメソッドの種類2

今回はjQueryのメソッドの種類についてまとめてみました。 ・メソッドの種類2 ・hide(表示されている#aを隠す) ・すぐに隠す alert($("#a").hide()); ・スピードを指定する(slow,normal,fast) alert($("#a").hide('slow')); ・スピードを秒数で指定する(10…

jQuaryのイベントの種類

今回はjQueryのイベントの記述法と種類についてまとめてみました。 ・イベントの記述 ・一つのイベント $("セレクタ").イベント(function(){ }}); ・複数のイベント $("セレクタ").イベント1 イベント2 (function(){ }}); ・親セレクタの中の子セレクタを指…

jQuaryのメソッドの種類

今回はjQueryのメソッドの記述法と種類についてまとめてみました。 ・メソッドの記述 ・1つの指示の場合 $("セレクタ").css("color","#fff"); ・複数の指示の場合 $("セレクタ").css("color","#000"); $("セレクタ").css("font-size",12px"); $("セレクタ").…

jQuaryのセレクタの種類

今回はjQueryのセレクタの種類についてまとめてみました。 主なセレクタの種類 ・全ての要素 $("*") ・その要素全て $(".要素名") ・nameを指定 $("[name=name名]") ・idを指定 $("#id名") ・classを指定 $(".class") ・AもしくはBに一致する要素 $("A,B") …

jQueryのエラー検証方法(GoogleChrome)

今回はGoogleChromeでのデバックの方法についてまとめてみました。 google chromeでのエラーの検証方法 ・ブラウザ上で右クリックし、検証をクリック ・「console」と書かれている部分をクリックすると、 エラーがある場合はエラーの内容(赤い文字)とエラー…

jQuary基礎②記述方法など

今回はjQueryの基本的な記述方法についてまとめてみました。 基本的な記述 ・$かjQueryから記述が始まる。 ・WordPressの場合はjQueryでしか動作しない。 ・行末に必ず;(セミコロン)をつける。 $("セレクタ").イベント(function(){ $("セレクタ").メソッド…

jQueryをダウンロードせずに読み込む方法(2017年1月現在)

jQueryの教本を見ていた所、実際のサイトとは少し違う場所に本体を読み込むコードが書かれていたのでここにメモしておきたいと思います。 2017年1月現在の状況です。 jQueryを読み込む手順 まずjQueryのサイトに行きます。 Downloadページに飛びます。 スク…