JQuery选择器

1、添加样式，多个样式可：

$('div').css({'color':'red','width':'10px'});

2、 

1)切换class：

$('div').toggleClass('className');

2)改变元素的可见状态

  $(".btn1").click(function(){
 	 $("p").toggle();
  });

3）切换事件（如果规定了两个以上的函数，则 toggle() 方法将切换所有函数。例如，如果存在三个函数，则第一次点击将调用第一个函数，第二次点击调用第二个函数，第三次点击调用第三个函数。第四次点击再次调用第一个函数，以此类推）

  $("button").toggle(function(){
    $("body").css("background-color","green");},
    function(){
    $("body").css("background-color","red");},
    function(){
    $("body").css("background-color","yellow");}
  );

3、  添加/删除class：

$('div').addClass('className');
$('div').removeClass('className');

4、click事件中用this代表当前点击的对象。

$('div').click(function(){
    $(this).toggleClass('className');
});

对应事件有dbclick() 双击事件，mouseenter() 鼠标移入，mouseleave()鼠标离开。
注意：以上直接写事件的话，在事件多时，消耗内存。
5、 可用bind方法代替事件绑定。

$('div').bind('click',funName); -- 事件类型/绑定执行函数(不加引号)

$('div').unbind('click',funName); -- 若只传递一个参数，为指定解除绑定的事件类型，解绑该对象绑定的所有这一类的事件。两个参数为解绑指定的事件函数名。

jQuery1.7之后，官方推荐使用on和off分别代替bind和unbind，事实bind和unbind底层实现都是调用no和off方法。
6、jQuery绑定click事件，同一个事件，多次绑定不会重复执行，不同的事件绑定，会叠加。
删除对象已经存在的onclick属性，用removeAttr("onclick")，不能用unbind("click")。

7、修改元素的属性：

   $("#btn").click(function(){
	  $("#aid").attr({"href":"http://www.baidu.com","title":"hello"});
   });

8、text()回调函数(callback)

$("#btn").click(function(){
	$("#pid").text(function(i, oldText){ -- i为下标，oldText老的文本
		return "old:" + oldText + " new:这是新的内容";
	});
});

9、append(),prepend()分别在前后追加，不换行。
   before(),after()分别在前后添加，换行。
10、删除 remove() -- 删除当前元素及其子元素
         empty()  -- 清空当前元素的子元素

11、$("obj").siblings(); -- 查找所有同级元素
	$("obj").next();  -- 下一个元素
	$("obj").nextAll(); -- 下面所有元素
	$("obj").nextUtil("h6"); -- 下面元素到h6的区间

    同理:$("obj").prev();  $("obj").preAll(); $("obj").preUtil();

12、$("obj").children(); -- 只找到下一级元素，不包含孙子类元素
	$("obj").children("p"); -- 可指定参数，若下一级元素不是p，则不返回
13、$("obj").find("p"); -- 必须指定参数查找，返回其子类元素及孙子元素
14、$("obj").parent(); -- 当前元素的父类(上级)
	$("obj").parent("p"); -- 可指定参数，父类为p的
15、$("obj").parents(); -- 当前元素所有的父类
	$("obj").parents("div"); -- 指定参数，为div的所有父类
16、$("obj").parentUtil("#div2"); -- 指定区间，当前元素到id为div2的父类之间的所有父类
17、$("div p").first(); -- 只返回第一个包含在div内的p元素，并非所有包含p元素的div中的第一个p。
18、$("div p").last(); -- 只返回最后一个，同上
19、$("div p").eq(0); -- 返回对应下标的p元素，同上
20、$("div p").filter("p"); -- 先创建一个所有包含p的div的集合，不符合filter条件的删除。
21、$("div p").not(".Pclass"); -- 过滤掉包含在div中的，不包含指定class的p元素