ホームページ > ウェブフロントエンド > jsチュートリアル > 狂ったJquery初日(Jquery勉強記)_jquery

狂ったJquery初日(Jquery勉強記)_jquery

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

さて、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() // の要素を削除します。
})
});
'>

>

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