一歩一歩jQuery(一)概念,使用,$名称衝突の4種類の解決方法,使用階層と回数の問題

8568 ワード
jquery
1.基本概念:jQueryはJavaScriptライブラリであり、JavaScriptプログラミングを大幅に簡略化している.
jQueryライブラリには、次の機能が含まれています.
  • HTML要素
    • を選択
  • HTML要素操作
  • CSS操作
  • HTMLイベント関数
  • JavaScript特効とアニメーション
  • HTML DOM遍歴と修正
  • AJAX
  • Utilities

    • 2.jQueryライブラリを使用してjQueryコードフラグメントを作成する
    ステップ2:
    1)jQueryクラスライブラリをページのタグに参照するように追加
    <head>
    <script type="text/javascript" src="jquery.js"></script>
    </head>


    2)もう1つのラベルを付けて、その内に自分のjQueryコードクリップを書く
    <head>
      <script type="text/javascript" src="jquery.js"></script>
      <script type="text/javascript">
        你的jQuery代码
      </script>
    </head>


    3.jQuery関数フラグメント外層構造
    jQueryコードを記述する前に、次の2つの構造に包む必要があります.
    1)は$(document)にある.(ready(function(){}))関数体では、ドキュメント(DOM)が完全にロードされた後に実行されるjQueryコードを実現し、ドキュメントが完全にロードされていないためにjQuery関数を呼び出す失敗を回避することを目的としている.
    $(function(){
      // jQuery 代码
    });


    2)jQuery(callback)にあるcallback関数体の形式は$(function(){})であり、ドキュメント(DOM)が完全にロードされた後に実行されるjQueryコードをバインドするために使用され、1)と同様に、この関数を使用する場合、ページ内のDOMロードが完了したときに実行する必要がある他の$()オペレータをすべてパッケージする必要がある.
    $(function(){
      // jQuery代码
    });


       
    4.jQueryライブラリ名($)と他のライブラリの競合を解決する方法
    1)引用順による解決――最も推奨されない方法は、コードの堅牢性とメンテナンス性を低下させる
    この方法は、jQueryクラスライブラリの参照を最後に追加し、前の参照ライブラリの事前定義を上書きすることです.
     
    2)jQuery(callback)方式解決----推奨するが、最良ではない.怠け者コードは適用されないからだ.
    この方法は$(document)を捨てることだ.(ready(function(){}))は、直接jQuery(function(){})を使用し、$プロファイル名の代わりにjQueryフルネームでコードを記述します.
    jQuery(function(){
      jQuery("索引器").....
    });


    　
    3)匿名関数伝達$パラメータ方式---推奨されるが、内部コードの実行時間が変わったため、最良ではない(詳細は後続のエッセイを参照)
    この方法は,まず$のパラメータを持つ匿名関数を定義し,その後関数を実行して実パラメータjQueryを伝達する.
    (function($){
      $("索引器")....
    })(jQuery)


     
    　　4)jQuery.noConflict()メソッドjQuery名記号の再定義---極力推奨
    名前記号を再定義するためにjQueryのnoConflict()というメソッドを呼び出す
    <script type="text/javascript">
      var jq$=jQuery.noConflict();// 
      
      jq$(document).ready(function(){
        jq$("button").click(function(){
          jq$("p").hide();
        });
      });
    </script>


     
    5. $(document).(ready(function(){}))使用階層および回数の問題
    無制限、並列使用、ネスト使用
    <script type="text/javascript">
        // Demo 1: 并序使用
        $(document).ready(function () {
            alert("1.1");
        })
        $(document).ready(function () {
            alert("1.2");
        })

        // Demo 2: 嵌套使用
        $(document).ready(function () {
            $(document).ready(function () {
                alert("2.1");
            })
        })
        $(document).ready(function () {
            $(document).ready(function () {
                $(document).ready(function () {
                    alert("2.2");
                })
            })
        })
    </script>


    http://www.cnblogs.com/Jack8Chen/archive/2012/02/12/2345984.html
    JS
    JS学習ノート
    一步步 jQuery （一）概念,使用,$名称冲突4种解决方法，使用层次及次数问题
    要旨:jQuery基礎概念は、8特性、外層構造、$名称衝突の4つの解決方法、$(document)を含む.(ready(function(){}))使用階層および回数
    阅读全文
    posted @ 
    2012-02-12 15:28 Jack陳読(742)|
    评论 (2)  
    编辑
     
    JS 实现 页面浏览工具条 返回页首 按步长下滑
    要旨:JSはページブラウズツールバーを実現してページの先頭に戻ってステップ長で下がる
    阅读全文
    posted @ 
    2012-02-08 18:57 Jack陳読(22)|
    评论 (1)  
    编辑
     
    js 读取SharePoint 2010 列表 并用js二维数组和json对象 按Category分类输出
     
    posted @ 
    2012-02-07 10:57 Jack陳読(658)|
    评论 (5)  
    编辑
     
    asp.net中使用 jQuery校验插件----jquery.validate.js
    要旨:asp.NetではjQueryチェックカード----jqueryを使用する.validate.js
    阅读全文
    posted @ 
    2012-01-30 15:42 Jack陳読(17)|
    评论 (0)  
    编辑
     
    javaScript 性能 优化--转载
    要旨:JS性能最適化
    阅读全文
    1011.D日以内に小包を配達する能力C言語
    ブラウザカーネルと互換性の問題