2008年8月28日

jQueryの入門

投稿者:でMahbub: はじめに

私はjQueryが何か知っていることを想定しています。 それをうまくブラッシュアップするには、 "jQueryは私たちの生活を容易にするJavaScriptライブラリです。" 私はそのように定義したい。 [OK]を、今この記事で、私はjQueryのために物事を開始する方法を示すつもりだ。 このブログを読むことができるように、それはあなたがインターネットに接続しているし、もちろんあなたには、いくつかのブラウザを使用していることは明らかだ。 だからポストは長い行う前に、コードの一枚を試してみましょう。 その前に我々はそのために必要なのは、見てみましょう

  • jQueryのライブラリ(からダウンロードhttp://jqueryjs.googlecode.com/files/jquery-1.2.6.js )これは私が記事を書いている現在のリリースです。
  • JavaScriptが有効になっている現代的なブラウザ(IE 6.0 +、FF 2 +は、Safari 2.0 +、Operaは9.0 +)。
  • とテキストエディタ(私のfavはメモ帳+ +)

私たちはすべての方法の基本的なHTMLページがどのように見えるん知っていると仮定します。 私達はちょうどjQueryのライブラリを追加するコードの簡単な部分を実行したい
今、ちょうどコピーと貼り付け、上記のコードを、それが "jQueryを使っ-test.htmlの"と呼んで保存します。

<DOCTYPE HTML PUBLIC " - / / W3C / / DTD XHTML 1.0暫定/ / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<TITLE>マイjqueryの遊び場</ TITLE>
<script src="jquery-1.2.6.js" type="text/javascript"> </ SCRIPT>
<script type="text/javascrpt">

$(ドキュメント)の準備(関数(){
ALERT( "Muhahaha");
});

</ SCRIPT>
</ HEAD>
<BODY>
</ BODY>
</ HTML>

そして今、あなたは二重、先ほど作成したファイルをクリックしてコードを実行することができます。 あなたは、クリックしましたか? 、あなたは( "Muhahaha")笑いを見ることができますか? Yesの場合は、その後私達はちょうどjQueryを使用し始めている。

今私は、我々は上記のコードでやったことの説明を少し必要だと思います。

まず、我々は非常に基本的なHTMLテンプレートを使用して開始しました
第二に、私たちは使ってjQuery JavaScriptライブラリを追加しました
<script type="text/javascrpt" src=" jquery-1.2.6.js"> </ SCRIPT>
そして、我々は、javascriptのブロックを書いた
<script type="text/javascrpt">
$(ドキュメント)の準備(関数(){
ALERT( "Muhahaha");
});
</ SCRIPT>

それは何をしましたか? よく、$(ドキュメント)の準備(関数(){...何とか何とか}); "何とかの何とか"コードページ(ドキュメント)の負荷を実行することを意味します。 おそらく書き込み

$(関数(){
ALERT( "Muhahaha");
});

同じことをするだろう。

簡単ですよね。

だから、ちょうどjQueryを使って始めた持っている。 もう少し楽しい&Magicsは、他のポストを確認してください。

より多くの読書については、訪問jquery.comサイト。

2つの応答は "jQueryの入門"に

1 | sekhar

午前4時56分に2009年4月7日

アバター

素晴らしい、について説明

2 |マイク

午前11時52時2009年6月19日

アバター

私はちょうどJSライブラリ "もの"に精通してなり、jQueryのためのシンプルなメニューをダウンロードしました。 それは実際にこの簡単な、または私は自分自身をからかっていますか? 私はただ単純に誤解されている何かにつまずいた感じを持っている :-)

フォームのコメント


  • Virendra:このプラグインよりも優れている使用可能な新しいプラグインがあります。 http://jquerybyexample.blogspot.com/2012/03/how-to-create-page-flip-effect-using~~V。
  • ティナ:これらのalpticapionsのいずれかがユタ州の結婚式のカメラマンのビジネスのために特に有用であろう、このリストありがとうございます?
  • ジャネル:ディスプレイ上の本当の専門知識を見ることがグッド。 あなたのcotnritbuionは大歓迎です。

翻訳者

English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroatian flagDanish flagFinnish flagHindi flagPolish flagRomanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag

タグ