jQueryこまごましたまとめ

$(function(){
  $('p').click(function(){
    $(this).hide()
  });
});


  
        ~

 
  
 
   
 
$(this).hide() - 隐藏当前元素
 
 
   
 
$("p").hide() - 隐藏所有 
 元素
 
 
   
 
$("p.test").hide() - 隐藏所有 class="test" 的 
 元素
 
 
   
 
$("#test").hide() - 隐藏所有 id="test" 的元素
 
 
  
 
  
总结二
 
  
文档就绪事件
 
   
  
这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。
 
  
如果在文档没有完全加载之前就运行函数，操作可能失败。
 
  
$(function(){
// jQuery  
});
  
jQueryセレクタ
idセレクタ
//    id test     
$('#test')
  
classセレクタ
//    class test     
$('#test')
  
要素
要素
$("*") 
すべての要素を選択
  
$(this) 
現在のHTML要素の選択
  
$("p.intro") 
classをintroとする要素を選択
  
$("p:first") 
最初の要素を選択
  
$("ul li:first") 
1番目の要素の1番目の
要素
を選択
  
$("ul li:first-child") 
各要素の最初の
要素
を選択します.
  
$("[href]") 
hrefプロパティを持つ要素を選択
  
$("a[target='_blank']") 
すべてのtarget属性値が「_blank」に等しい要素を選択
  
$("a[target!='_blank']") 
すべてのtarget属性値が「_blank」に等しくない要素を選択
  
$(":button") 
すべてのtype=buttonの要素と要素を選択
  
$("tr:even") 
偶数位置の
$("tr:odd") 
奇数位置の
一般的なDOMイベント:
マウスイベント
キーボードイベント
フォームイベント
ドキュメント/ウィンドウイベント
click 
keypress 
submit 
load 
dblclick 
keydown 
change 
resize 
mouseenter 
keyup 
focus 
scroll 
mouseleave 
  
blur 
unload 
JQueryコンテンツまたは属性の取得
取得内容-text()、html()およびval()
DOM操作のための3つの単純で実用的なjQueryメソッド:
 text()-選択した要素のテキスト内容
を設定または返す.
 html()-選択した要素の内容(HTMLタグを含む)を設定または戻します.
 val()-フォームフィールドの値
を設定または戻します.
属性の取得-attr()
jQuery attr()メソッドは、属性値を取得するために使用されます.


$(document).ready(function(){
  $("button").click(function(){
    alert($("#runoob").attr("href"));
  });
});




チュートリアル
   href