jquery の一般的なメソッドの概要 はじめに Reference_jquery

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

1.event.preventDefault(): イベントの発生を防止します。たとえば、リンクをクリックするとリンク先のページにジャンプする機能を回避したい場合は、この方法を使用できます。例:

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

百度をクリック
<script> <br> $(document).read(function(){ <br> $("a").click(function(event) ){ <br> event.preventDefault(); //上記のリンクをクリックすると、ページは変更されません。 Hide()メソッドは、名前の通り隠しメソッドです。上記の例で以下に$(this).hide()を追加すると、クリックすると「Baidu」という4文字が消えます。 $(this).hide("slow") を追加すると、「Baidu」という 4 つの単語をクリックするとゆっくりと消えていくことがわかります。 <br>3. コールバックの使い方。 callback はいわゆるコールバック関数で、親関数が実行された後にのみ実行されます。例は以下のとおりです。 <br> (1) コールバック関数にパラメータがない場合は、直接 $.get("dd.html",mycallback); <br> (2) コールバック関数にパラメータが含まれる場合は、$.get( "dd.html ",function(){ <br> mycallback(param1,param2); </div>}) <br> ) メソッドが get() メソッドの 2 番目のパラメーターとして渡され、get() メソッドが実行されます。 <br>4. jquery(selector,[context]) の使用法: <br> 1. $('div.foo').click(function(){ <br> $('span',this).addClass( 'bar'); <br>}) <br> HTML コードは <br> div class="foo1"><span>Haha3</span></div> <br> div 領域内をクリックします。上記のスクリプト コードは、addClass 操作が次の div 内のスパンでのみトリガーできることを示しているため、「haha」という単語が太くなり、残りの単語は同じままであることがわかります。クラスフー。 <br> 2. $(this): 上記のスクリプト コードに $(this).slideUp() を追加できる場合 <br> 3. $.post('url.xml', function(data) { var $child = $(data).find('child'); <br> }) //url.xmlをロードするときに、その内容をdataの変数に格納し、次に子ノードの内容をdataに格納します変数 $child <br> を入力します。 <body> <br> /p> grey"); <br> </script>
//その効果は、2 番目の p がこのスタイルを採用することです
5. $("input:radio", document.forms[0 ]);
6. $("div", xml.responseXML) //xml.responseXML で div を検索します。
7. $(document.body).css( "background", "black" ) ;
8. $(myForm.elements).hide()
5. jQuery (html, [ ownerDocument ]) の使用法:
(1)$("
", {
"class": "test",
text: " Click me!",
click: function(){
$(this).toggleClass("test"); ).appendTo("body");
または
$("
").attr {
"class": "test",
text: "クリックしてください! ",
click: function(){
$(this).toggleClass("test");
}
}).appendTo("body");
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート