Jquery

1.attr prop功能基本一样，但是attr可以设置自定义属性

返回属性：$("#c").prop("name");
修改属性：$("#c").prop("name","1");
删除属性：$("#c").removeProp("name");

特殊情况：当前对象为checkbox的时候，一般会有prop而不是attr

2.addClass 一个或多个要添加到元素中的CSS类名，请用空格分开

$("p").addClass("selected1 selected2");
$("p").removeClass("selected");
toggleClass 如果存在（不存在）就删除（添加）一个类
我通常用来判断一个类是否拥有某种class属性，来做某些处理。

3.html和text val

html():简单的说 识别html认识的。
html(val):设置每一个匹配元素的html内容
text():纯文本内容。
text(val):设置所有匹配元素的文本内容
val():input select radio checkbox;
val(val):设置值

筛选

1.eq 获取第N个元素,从0开始

$("input[name='3']").eq(1).attr("name");
还可以这样写  $("input[name='3']：eq(1)").attr("name");不过这样的话eq就不是方法而是选择器

2.first() 获取第一个元素

$("li").first();

last() 获取最后个元素
$(“li”).last();

3.hasClass 检查当前的元素是否含有某个特定的类，如果有，则返回true

$("li").hasClass("a");

4.has和is

has"$('li').has('ul').css('background-color', 'red');//含有ul的li标签都会变红
is:根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合，如果其中至少有一个元素符合这个给定的表达式就返回true。
    $("#a").closest("li").is("li");

5.filter和find

filter:将匹配的全部找出来，在筛选（包括自己）
$("li").filter(".a") 保留第一个以及带有select类的元素
find:不包括自己

6.children

拿到的是子代元素。但是子代元素里面包含的内容也可以拿到

7.parent和parents

parent:的取值很明确，就是当前元素的父元素(只取上一级的)
        $('p').parent()//取到的是div2,div3,div4
        $('p').parent('.a')
parents:则是当前元素的祖先元素
        $('p').parents()//取到的是div1,div2,div3,div4(其中div1为最外层的)

8.next和nextAll

next:同级元素中紧贴着的后面一个
nextAll():同级元素中后面所有的

9.closest

从元素本身开始，逐级向上级元素匹配，并返回最先匹配的元素。。(自己也可以匹配上的)
$("#a").closest("li");

文档处理

1.append和appendTo

append:前面是要选择的对象，后面是要在对象内插入的元素内容 
appendTo:前面是要插入的元素内容且为Jquery对象，而后面是要选择的对象 
其实简单的理解，就是一个主动一个被动的关系

2.prepend和prependTo

从第一个元素往前加

3.after 在每个匹配的元素之后插入内容。

before:在每个匹配的元素之前插入内容。

4.empty:指定元素中的所有子节点

remove:是把其从dom中删除，而不会保留其所占的位置。

$(“div#intro .head”) id=”intro” 的 div 元素中的所有 class=”head” 的元素

parent() 　　返回被选元素的直接父元素。

parents() 　　返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (html)。

parentsUntil() 　　返回介于两个给定元素之间的所有祖先元素
$("span").parentsUntil("div");


children()　返回被选元素的所有直接子元素。


siblings() 　　返回被选元素的所有同胞元素。

filter() 　　　方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。

事件

1.on 方法在被选元素及子元素上添加一个或多个事件处理程序

  $("table").on('click','button',function(){

  })

效果
visibility ：hide （隐藏但是占位置）
工具
1.用each循环的时候，如果return true –>>break return false –>>continue

• $(document).ready(function) 将函数绑定到文档的就绪事件（当文档完成加载时）
• $(selector).click(function(){….some code}….) 触发或将函数绑定到被选元素的点击事件
• $(selector).dblclick(function(){….some code}….) 触发或将函数绑定到被选元素的双击事件
• $(selector).focus(function(){….some code}….) 触发或将函数绑定到被选元素的获得焦点事件
• $(selector).mouseover(function(){….some code}….)触发或将函数绑定到被选元素的鼠标悬停事件