Webフロントエンド開発——JQuery基礎整理
2163 ワード
JQueryはアメリカ人のJohn Resigが2006年に創設したオープンソースプロジェクトで、人々の熟知に伴い、ますます多くのプログラムの達人が参加しています.
完備と壮健
そのプロジェクトの内容を大きくする.現在、JavaScript、CSS、DOM、AJAXを一体化した強力なフレームワークシステムに発展しています.jQueryは互換性があります
ブラウザの
JAvascriptライブラリは、write less、do more(書くことが少なく、作ることが多い)を核心としています.
次はまず1枚の図で全体を要約します.
JQueryの基礎知識を紹介します.
1.$
JQueryで最も多く使われているのは「$」で、ページ要素の選択、機能関数の接頭辞にかかわらずこの記号を使う必要があります.JQuery程です.
シーケンスのフラグ.
(1)${式}:この式に基づいて一致するすべての要素を検索します.
(2)$(htmlタグ文字列):提供されたhtml文字列に基づいて、jqueryオブジェクトパッケージのdom要素を作成します.
(3)$(dom要素):1つ以上のdom要素をjqueryオブジェクトに変換します.
(4)$(document).ready(function(){})==$(function(){});//ページのロードが完了すると自動的に実行されるコード.
2.CSSの操作
個人的に目を凝らす
jQueryはJavaScriptライブラリです.jQueryはJavaScriptプログラミングを大幅に簡略化した.いくつかの例を作って、JQueryが本当に
その趣旨は一致するwrite less,do more.今のところJQueryに対する理解はまだ十分ではありません.レンガをたたいて指摘してください.
完備と壮健
そのプロジェクトの内容を大きくする.現在、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に対する理解はまだ十分ではありません.レンガをたたいて指摘してください.