ホームページ > ウェブフロントエンド > jsチュートリアル > Firefox FireBug を使用すると、JQuery をより簡単に楽しく学習できます_JavaScript のヒント

Firefox FireBug を使用すると、JQuery をより簡単に楽しく学習できます_JavaScript のヒント

WBOY
リリース: 2016-05-16 18:37:37
オリジナル
985 人が閲覧しました

この記事は私が海外のウェブサイトから見たビデオです。簡単な練習をした結果、そうすることで確かに効率が大幅に向上することがわかりました。この方法について説明しましょう:

前提条件:
Firefox firebug をインストールします
例として私のブログを示します:

Firefox FireBug を使用すると、JQuery をより簡単に楽しく学習できます_JavaScript のヒント

基本的な使用方法は次のとおりです。

Firefox FireBug を使用すると、JQuery をより簡単に楽しく学習できます_JavaScript のヒント

さて、本題に入りましょう:

上の写真を例に挙げると、ブログ パーク内のすべてのタイトルに postTitle という名前のクラスがあることがわかります。次に、jQuery を使用してページ上のタイトルを非表示にします。

Firefox FireBug を使用すると、JQuery をより簡単に楽しく学習できます_JavaScript のヒント

もちろん、ページの要素にイベントを追加することもできます:

Firefox FireBug を使用すると、JQuery をより簡単に楽しく学習できます_JavaScript のヒント

概要
上では、jQuery のデバッグにおける firebug の簡単な応用について簡単に説明しました。この方法を使用すると、次の利点が得られます。
1.毎回少しの JS コードを作成するだけです。エディターを再度開いてデバッグするだけで時間を節約できます
2. jQuery 操作の影響を受ける要素を表示できるため、jQuery の学習とデバッグが容易になります
3. 隣に人が立っている場合、この方法を使用すると、よりプロフェッショナルに見えます-.-(わかりました、これは私のお気に入りです。新年最初のユーモア ^_^)
この記事がお役に立てば幸いです

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート