jQuery ナレッジポイント編集_jquery-jsチュートリアル-php.cn

jQuery ナレッジポイント編集_jquery

WBOY

リリース： 2016-05-16 16:16:37

オリジナル

1094 人が閲覧しました

slideUp(); //要素の高さ属性を高さが 0 になるまで変更し、要素を非表示にします
slideDown();
slideToggle();
fadeOut(); // 不透明から透明へフェードアウト
フェードイン()

function(){

$("span.Italian").toggle();

$("span.Italian").toggle();}

言語を切り替える関数に 2 つのトグル関数を追加します

複数のセレクターを 1 つの要素に同時に適用できます

スクリプトは問題を引き起こす可能性があり、ブラウザーでの並列ダウンロードをブロックする可能性があるため、スクリプトタグを下部のの直前に配置します。異なるサーバーから複数の画像を同時にダウンロードできます。ブラウザが <script> タグを検出すると、複数の要素を並行してダウンロードできなくなります。 以下に置くとダウンロード速度が向上します var msg = "ハイスコア :" pts "" //HTML タグ を変数に追加できます vardiscount = Math.floor((Math.random()*5) 5);//5 ～ 10 の数値を出力します //math.random(); 0 ～ 1 の乱数を取得します //Math.floor(x); x より小さい最大の整数を取得します。 vardiscount_msg = "あなたの割引は "discount "%"; アラート(割引);//ポップアップメッセージ $("p").append("123"); Ifqwert 実行後は、qwert123となります。 jquery 変数名の要件 数字で始めることはできず、大文字と小文字が区別され、数学演算子を使用することはできず、スペースや句読点を使用することもできません。下線を付けることができます。 $(*) はページ上のすべての要素を選択します $(".guess_box").click(function(){ $(this).append("ははは"); }) //複数の要素が同じクラスを保持しており、現在操作している要素のみを処理したい場合は、$(this) を使用して、現在メソッドを実行しているオブジェクトを呼び出すことができます <div class="codetitle"> <a style="CURSOR: pointer" data="62779" class="copybut" id="copybut62779" onclick="doCopy('code62779')">コードをコピーします</a> コードは次のとおりです:</div> <div class="codebody" id="code62779"> <ol> <li>1</li> <li>2</li> </ol> $("#btnRemove").click(function(){ $("li").remove(); }); $("li").remove(); </div> jquery 子孫セレクター <div class="codetitle"> <a style="CURSOR: pointer" data="40753" class="copybut" id="copybut40753" onclick="doCopy('code40753')">コードをコピーします</a> コードは次のとおりです:</div> <div class="codebody" id="code40753"> $("div p") は div の下にあるすべての段落要素を選択します $("div div") は div の下にあるすべての div 要素を選択します $("div div img") は div の下にあるすべての img 要素を選択します </div> イベントをバインドする 2 つの方法 <div class="codetitle"> <a style="CURSOR: pointer" data="80274" class="copybut" id="copybut80274" onclick="doCopy('code80274')">コードをコピーします</a> コードは次のとおりです:</div> <div class="codebody" id="code80274"> $("#myElement").click(function(){ alert("クリック"); }); $("#myElement").bind('click',function(){ alert("クリック"); }); </div> onblur();フォーカスを失いました onchange() //要素の内容が変更された場合、メソッドをトリガーします <div class="codetitle"> <a style="CURSOR: pointer" data="61711" class="copybut" id="copybut61711" onclick="doCopy('code61711')">コードをコピーします</a> コードは次のとおりです:</div> <div class="codebody" id="code61711"> <html> <頭> <スクリプトタイプ="text/javascript"> 関数 upperCase(x) { var y=document.getElementById(x).value document.getElementById(x).value=y.toUpperCase() } </script>

あなたの名前を入力してください:

jQuery ナレッジ ポイント編集_jquery

jQuery ナレッジポイント編集_jquery