Webフロントエンド開発——JQuery基礎整理

2163 ワード

JQueryはアメリカ人のJohn Resigが2006年に創設したオープンソースプロジェクトで、人々の熟知に伴い、ますます多くのプログラムの達人が参加しています.
完備と壮健
そのプロジェクトの内容を大きくする.現在、JavaScript、CSS、DOM、AJAXを一体化した強力なフレームワークシステムに発展しています.jQueryは互換性があります
ブラウザの
JAvascriptライブラリは、write less、do more(書くことが少なく、作ることが多い)を核心としています.
次はまず1枚の図で全体を要約します.  
JQueryの基礎知識を紹介します.
1.$
JQueryで最も多く使われているのは「$」で、ページ要素の選択、機能関数の接頭辞にかかわらずこの記号を使う必要があります.JQuery程です.
シーケンスのフラグ.
(1)${式}:この式に基づいて一致するすべての要素を検索します.     
 eg:$("div>p");  //     p  ,   p    div    .
    $("input:radio",document.forms[0]);  //          ,       。
    $("div",xml.responseXML);  //    ajax   xml   ,     div  。

 
(2)$(htmlタグ文字列):提供されたhtml文字列に基づいて、jqueryオブジェクトパッケージのdom要素を作成します.       
eg: $("

Hello

").appendTo("body"); $("") // type

 
(3)$(dom要素):1つ以上のdom要素をjqueryオブジェクトに変換します.     
eg: $(document.body).css( "background", "black" );   //       

(4)$(document).ready(function(){})==$(function(){});//ページのロードが完了すると自動的に実行されるコード.
2.CSSの操作
$("p").addClass("selected");   //               
$("p").removeClass("selected");   //                   。         CSS  ,      
$("p").removeClass();  //          
$("p").toggleClass("selected");   //    (   )   (  )   
$("p").css("color");  //         color      
$("p").css({ color: "#ff0011", background: "blue" });   //   “ /  ”                。
$("p").css("color","red");   //         ,          

個人的に目を凝らす
jQueryはJavaScriptライブラリです.jQueryはJavaScriptプログラミングを大幅に簡略化した.いくつかの例を作って、JQueryが本当に
その趣旨は一致するwrite less,do more.今のところJQueryに対する理解はまだ十分ではありません.レンガをたたいて指摘してください.