JQ各种选择器与触发事件列表，添加删除DOM节点样式addClass，removeClass，append，执行事件的两种方法hover,toggle

JQ选择器的各种用法
一、JQ各种选择器 //元素指html中的各种标签
$(this)  //当前元素
$("p") //所有<p>标签
$("input") //所有input标签
$(".intro") //所有class="intro"的元素，所有class用$(".")
$("p.intro") //所有class=“intro"的P元素，$("p#intro")所有ID=intro的P元素
$("ul>li") //ul下所有li节点
$("ul li:first") //ul下第一个<li>元素
$("[href$='.jpg']") //所有带有以.jpg结尾的href属性的属性
$([div#intro.head") //id="intro"这个<div>元素中的所有class="head"的元素
$(li[a:contains('Register')]") //li下内容包含Register的<a>元素
$("input[@name=bar]")  //name是bar的<input>元素
$("input[@type=radio][@checked]") //type是radio的<input>元素
$("li").not("ul") //li下没有包含ul节点的节点元素
$(span[@id]") //包含id属性的<span>元素
$("[@id=span1]") //id为span1的节点元素

二、JQ事件器的介绍，发生什么事件时触发
基本用法：$(元素).事件(事件属性); //事件属性是事件发生方式，如慢慢显示
$(selector).click() //被选元素的点击事件
$(selector).dbclick() //被选元素的双击事件
$(selector).focus() //。。获得焦点事件
$(selector).mouseover() //鼠标悬停事件，即移动鼠标到元素上时
$(selector).css() //的CSS事件，要改变某元素的CSS代码，例：$("p").css("color","red");
$(selector).hide(); //隐藏事件
$(selector).show('slow'); //显示事件，slow是显示的参数，慢慢显示
。。。。
三、Dom节点操作
1.把网页想成一个树，增加子分支，删除子分支
$("a").addClass("red") //增加样式，为所有<a>标签增加Class="red"样式
$("a").removeClass("red")  //删除样式，为所有<a>标签删除Class="red"样式
$("p").append("<b>Appended text</b>");  //在所有<p>元素的结尾插入<b>Appended text</b>

四、执行事件两种方法
1. hover是在执行完第一个函数后再执行第二个，全部执行完再执行下一个避免出错
 $("p").hover(function(){ 
  $(this).addClass("hover"); 
 },function(){
  $(this).removeClass("hover");
 });
2. toggle第一次点击执行第一个函数，再点执行第二个，都是指在页面任意位置点
$("p").toggle(function(){
$(this).addClass("selected"); //这里第一个函数的内容
}function(){
 $(this).removeClass("selected"); //第二个函数的内容
}

五、一些例子：接上节的代码
<p id="uu">11111111111</p>
<p class="uu2">2222222222222222</p>
<p>3333333333</p>
<li>444444444444</li>
<button >按钮</buttion>

$("button.u1").click(function(){ //class=u1的buttion按钮被点时
 $("ul>li").hide();
 //$("p").hide('slow'); //slow表慢一点隐藏，是一个隐藏效果
})
$("button.u2").click(function(){
 $("p").css("color","red"); //给所有P标签设置颜色为红
});