コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 狂ったJquery初日（Jquery勉強記）_jquery

狂ったJquery初日（Jquery勉強記）_jquery

WBOY
リリース： 2016-05-16 17:53:53
オリジナル
1353 人が閲覧しました

さて、Jquery を使った初日を始めましょう。
私も Hello wrod! から始めました。 jquery への参照について一気に述べました。次のように:

コードをコピー コードは次のとおりです。

>
jquery チェーン操作






次に、複雑な例を見てみましょう。 jquery のチェーン操作とは何かを教えてください。
jquery のチェーン操作を接続するために . を使用します。
クエリを学び始めたばかりで馴染みがない人もいるかもしれません。後ほどクレイジーな Jquery について 1 つずつ説明します。徐々に理解できるようになります。




コードをコピー
コードは次のとおりです。 head> Jquery チェーン操作
< ;style type="text/css">
#menu {width:300px}
.has_children {
background:#555;color:#fff;cursor:pointer;
🎜 >.highligt{color:#fff;background:green;}
div{padding:0;margin:0px;}
div a {
background:#888;display:none;float:left ; width:300px;

$(document).ready(function(){
/ /alert("クリック イベントをすべてのディレクトリに追加します");
$(".has_children").click(function(){
$(this).addClass('highligt') //ハイライトを追加しますcurrent element Class.
.children("a").show().end() //子ノードの 要素を表示し、最後に操作された要素に再配置します
.siblings() .removeClass("highligt") //同じレベルの要素 (または兄弟要素) を取得し、その highligt class
.children("a").hide() // の要素を削除します。
})
});
'>
第 1 章 Jquery について
/a> 1.2 Jquery に参加する
1.3 簡単な Jquery コードを作成する
1.4 Jquery オブジェクトと Dom オブジェクト ;1.5 Jquery と他のライブラリ間の競合の解決
1.6 Jquery 開発ツールとプラグイン
1.7 概要

第 2 章 Jquery セレクター
2.1 Jquery セレクターとは何ですか?
2.2 Jquery セレクターの利点は何ですか?
2.3 JQuery セレクター
2.4 アプリケーションの JQuery 書き換え例
2.5 いくつかのメモ ;
2.6 ケーススタディ—淘宝網ブランドリストの効果と同様
2.7 他のセレクターはありますか?
2.8 概要

Jquery
3.1 DOM 操作の分類
3.2 Jquery
3.3 ケーススタディウェブサイトのハイパーリンクと画像の効果
3.4 概要

>

関連ラベル：
疯狂Jquery Jquery学习笔记
ソース：php.cn
前の記事：JQueryプラグインのスタイルカスタマイズ方法の分析と比較_jquery 次の記事：iPhone Safariが位置固定をサポートしていない場合の解決策_javascriptのヒント
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
現在の認証者以外の誰からでもブラウザ通知を受け取ります。ユーザー 私は現在 ReactJS を使用してチャット アプリケーションを構築していますが、ここ 2 日間この問題に悩まされてきました。新しいメッセージがあるたびにブラウザに通知が表示される...
から 2024-04-04 19:01:28
0
1
362
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート