このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

web帳

jQuery

CSS3とjQueryを使い、ドラゴンクエスト風戦闘シーン作ってみました。(制作日数1日程) デモページ 例の如くwebkit系 (safari,GoogleChrome)等で確認お願いいたします。 では実際に製作過程を紹介させて頂きます。 まずはマークアップから。 HT…

続きを読む

jQueryでimg要素の「src」やa要素の「href」等の属性を変更するには、「attr」を使用します。   jQuery  [code]$("img").attr("src","../tit_webcyou.jpg"…

続きを読む

jQueryでCSSのクラスを追加したり、削除したりする方法です。 クラスを追加 addClass() でクラスの追加を行えます。 jQuery 例: [code]$("#hoge").addClass("hogeHoge");[/cod…

続きを読む

jQueryを使用するとき、 [code]$("h2").css('border',"solid 2px #ff0000");[/code] など、jQueryのセレクタを利用し、指定するのですが、 複数指定する場合は「,」で区切り指定…

続きを読む

jQueryを使い、formの値を取得する方法です。 1.input type テキスト input type=textの値取得方法です。 値の取得は .val();で取得します。 送信ボタンを押した時にinput type=textの値を取得し、 表示エリアに表示するスクリ…

続きを読む

jQueryを読み込む為にはhead内にリンクを記述して読み込みます。 web上の読み込み方法 [code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:…

続きを読む

基本ではありますが、使える関数をざっとあげてみましたぁ~。 hasClass(class) 要素集合全てのうちから、引数に指定したクラスを持つ要素がひとつでもあればtrueを返す。 dblclick() dblclickイベントを実行。 toggleClass(class) 指定したCS…

続きを読む

クリックしたときに処理する関数click()についてです。 オブジェクトをクリックしたときにイベントを発生する関数(script)は [code]$("セレクタ").click(function(){ //クリックしたときに行う処理 })[/code] こ…

続きを読む

2011.01.17

jQuery

jQuery 記述方法

jQueryの基本的な記述方法です。 [code] $(function(){ //jQueryの記述 }) [/code] セレクタを使いcssのプロパティ設定です。 [code] $("CSSセレクタ").css("プロパティ&…

続きを読む

jQueryの代表的なセレクタです。 セレクタの種類 例 内容 IDセレクタ $("myDiv") id属性がmyDivの要素 要素セレクタ $("h1") h1要素 クラスセレクタ $(".myClass") class属性がmyClassの要素 ユニバーサルセ…

続きを読む

2011.01.17

jQuery

jQuery イベント

jQueryのイベントについてです。 ブラウザがwebページを読み終わったら。というのも立派なイベントとなります。   [code] $(function(){ //(X)HTMLが読み込んだ際に実行させたいscript記述 }) [/code] ちなみにこれは省略系…

続きを読む

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、港区六本木で活動中。

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。