jqueryガイド/入門の基礎

2926 ワード

ガイド/基礎これは基本的なガイドです。jqueryを使い始めてください。jqueryはよくある問題の解決方法をあげます。あなたのテストページがまだ確立されていないなら、下記の内容を含むHTMLページを作成することを提案します。プログラムコード


<html>  
<head>  
<script type="text/javascript"  
src="link/to/jquery.js"></script>  
<script type="text/javascript">  
   // Your code goes here  
</script>  
</head>  
<body>  
<a href="http://jquery.com/">jQuery</a>  
</body>  
</html>

scriptタグを修正するsrc属性はあなたのjquery.jsを指します。例えば、あなたのjQuery.jsとあなたのHTMLファイルが同じディレクトリにあるなら、このようにしてもいいです。プログラムコード <スクリプト type=「text/javascript」 src=「jquery.js」ドキュメントの読み込み時にコードを実行します。まず、ほとんどのJavaScriptプログラマは同様のコードを使います。プログラムコード window.onload = function(){ ... } . HTMLドキュメントの要素にアクセスするには、まずドキュメントオブジェクトモデル（DOM）を読み込む必要があります。window.onload関数が実行されると、画像や横断幕など、すべてのものがロードされていることを説明します。大きな画像のダウンロード速度が遅いということを知っているため、ユーザーは大きな画像のダウンロードが終わってからwindow.onload（）の実行コード効果を見ることができます。これに対して、jqueryは「ready」イベントを提供しています。以下のコードセグメントを使用してもいいです。プログラムコード $(document).ready(function(){// あなたのコード $(documentとは、文書オブジェクト（window.document）を取得するという意味です。上記のコードの意味は、文書の対象を確認してから、操作が許可されるまでは関数がずっと早いです。文書の対象が完成すればコードが実行できます。ページの中の写真のダウンロードが完了するまで待つ必要がないからです。上のコードをテストページのスクリプトエリアに貼り付けましょう。マウスクリック時のトリガーまず、ハイパーリンクをマウスでクリックしたときに、いくつかのアクションをトリガします。ready関数に以下のコードを追加します。プログラムコード $("a"）.click(){alert]； HTMLファイルを保存して、ページを更新します。ハイパーリンクをクリックすると、警告ダイアログが表示されます。増加 CSS クラスもう一つのことは、共通のタスク：要素のcssを追加または除去することです。クラス、例えば：プログラムコード $("a"）.addClass("test") $("a"）.removeClass("test") ページの先頭に追加されている場合：プログラムコード addClass関数を呼び出すと、すべてのハイパーリンクのフォントが太字になります。効果 Effects Moduleは一連の効果的な効果を提供します。次のコードを追加: プログラムコード $("a"）.click(function(){ $(this).hide（「slow」） return false; 現在、ハイパーリンクをクリックすると、ハイパーリンクは徐々に消えていきます。return false「デフォルトの行動を保持することを示すので、ページはジャンプしません。コールバックチューニングとは、親関数が実行された後、自身が戻り値として他の関数に渡すことができる関数です。コールバック機能の特別な点は、「親関数」の後の関数がコールバック関数の実行前に実行されます。もう一つのポイントはフィードバックの使い方を知ることです。正しい文法を忘れがちです。パラメータなしのコールバックはこのように書くべきです。プログラムコード $.get('myhtmlpage)は、 myCallBack 二番目のパラメータは簡単な関数名です。文字でも括弧でもありません。パラメータを持っているコールバックはどう書きますか？間違った書き方は、次のように書いてはいけません。プログラムコード $.get('myhtmlpage)は、 myCallBack（param 1、param 2）；正しい書き方：プログラムコード$ function(){ myCallBack(param 1,param 2);; これにより、参照関数を反転させる機能が実現されます。後記ここに来たら、他の文書を見に行くべきかもしれません。中にはもっと多くのガイド-が含まれています。jqueryの各方面をカバーしています。皆さんに問題があったら、安心してメールしてください。もちろん、jQueryを利用して作ったいろいろなDEMOを見てもいいです。

効率的なJavaScript分析、圧縮ツールJavaScript Analyserを発表します。

簡単なjquery教程Easy Ajax with jQuery中国語版全集第1/3ページ