1.元素的显示和隐藏 hide()隐藏，show()显示，toggle将显示的元素隐藏将隐藏的元素显示，在括号中加入数字就是隐藏和显示的毫秒数，例如hide(1000)，隐藏过程为1秒
2.元素的淡入淡出，以及颜色变浅，fadeIn()颜色淡入，fadeOut颜色淡出，fadeToogle颜色淡入淡出的切换，fadeTo颜色变浅
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);时间
});
$("button").click(function(){
$("#div1").fadeTo("slow",0.15);//后面数字越小颜色越浅
$("#div2").fadeTo("slow",0.4);
$("#div3").fadeTo("slow",0.7);
});
3.菜单式的滑动效果: slideDown()向下滑动显示隐藏的面板，slideUp()向上滑动隐藏面板，slideToogle隐藏显示面板
$("#panel").slideDown();
4.动画效果 animate()
$(selector).animate({params},speed,callback);
必需的 params 参数定义形成动画的 CSS 属性。
可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。
可选的 callback 参数是动画完成后所执行的函数名称。
默认情况下，所有 HTML 元素都有一个静态位置，且无法移动。
如需对位置进行操作，要记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute！
5.stop()停止动画
6.callback即回调，用到回调会在效果实现之后实现，回调里面的代码如
$("button").click(function(){
$("p").hide("slow",function(){
alert("段落现在被隐藏了");
});
});
$("button").click(function(){
$("p").hide(1000);
alert("段落现在被隐藏了");
});
7.获取值
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值
获取属性值：attr()
8.设置值attr可以一次设置多个属性
$("button").click(function(){
$("#runoob").attr({
"href" : "http://www.runoob.com/jquery",
"title" : "jQuery 教程"
});
});
attr的回调
jQuery 方法 attr()，也提供回调函数。回调函数有两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。
$("button").click(function(){
$("#runoob").attr("href", function(i,origValue){
return origValue + "/jquery";
});
});
9.添加元素
append()方法在被选元素的结尾插入内容
prepend()在被选元素的开头插入内容
after()在被选元素后添加文本（可插入html）
before()在被选元素前添加文本（可插入html）
10.删除元素
remove()删除元素及其子元素
empty()删除被选元素的子元素
remove() 方法也可接受一个参数，允许您对被删元素进行过滤，下面的例子删除 class="italic" 的所有 <p> 元素，$("p").remove(".italic");
11.获取并设置css类
addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性
12.设置css属性
$("p").css("background-color","yellow");
设置多个属性
$("p").css({"background-color":"yellow","font-size":"200%"});
13.尺寸问题
width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。
height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）。
innerWidth() innerWidth() 方法返回元素的宽度（包括内边距）
innerHeight() innerHeight() 方法返回元素的高度（包括内边距）
outerWidth() outerWidth() 方法返回元素的宽度（包括内边距和边框）
outerHeight() outerHeight() 方法返回元素的高度（包括内边距和边框）
14.jQuery遍历
jQuery 遍历，意为"移动"，根据其相对于其他元素的关系来"查找"（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动。
能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对 DOM 进行遍历。
祖先：parent() 方法返回被选元素的直接父元素，parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>)，可以在括号中加入过滤
$(document).ready(function(){
$("span").parents("ul");
});
parentsUntil()介于两个给定元素之间的所有祖先元素。
返回介于 <span> 与 <div> 元素之间的所有祖先元素：
$(document).ready(function(){
$("span").parentsUntil("div");
});
后代：children() 方法返回被选元素的所有《直接》子元素。注意是直接子元素，可以在括号中加入过滤条件：$("div").children();
find() 方法返回被选元素的后代元素 ，一路向下直到最后一个后代。可以在括号中加过滤条件 ：$("div").find("span");
水平遍历(同胞元素)：
siblings() 方法返回被选元素的所有同胞元素。可在括号内加过滤 $("h2").siblings("p");
next() 方法返回被选元素的下一个同胞元素
nextAll() 方法返回被选元素的所有跟随的同胞元素
nextUntil() 返回介于两个给定参数之间的所有跟随的同胞元素
遍中的过滤：
first() 方法返回被选元素的首个元素 $("div p").first();：选取首个 <div> 元素内部的第一个 <p> 元素：
last() last() 方法返回被选元素的最后一个元素。
eq() 方法返回被选元素中带有指定索引号的元素。索引号从 0 开始
filter() 方法允许规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。$("p").filter(".url");下面的例子返回带有类名 "url" 的所有 <p> 元素：
not() 方法返回不匹配标准的所有元素。与 filter() 相反
15.jQuery Ajax
load()方法$(selector).load(URL,data,callback);
必需的 URL 参数规定您希望加载的 URL。
可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
可选的 callback 参数是 load() 方法完成后所执行的函数名称。
可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数。回调函数可以设置不同的参数：
responseTxt - 包含调用成功时的结果内容
statusTXT - 包含调用的状态
xhr - 包含 XMLHttpRequest 对象
get和post比较：
GET 基本上用于从服务器获得（取回）数据。注释：GET 方法可能返回缓存数据。
POST 也可用于从服务器获取数据。不过，POST 方法不会缓存数据，并且常用于连同请求一起发送数据
关于get请求和post请求的区别
get:$.get(URL,callback);
GET 请求可被缓存
GET 请求保留在浏览器历史记录中
GET 请求可被收藏为书签
GET 请求不应在处理敏感数据时使用
GET 请求有长度限制
GET 请求只应当用于取回数据
post：$.post(URL,data,callback);
POST 请求不会被缓存
POST 请求不会保留在浏览器历史记录中
POST 不能被收藏为书签
POST 请求对数据长度没有要求
16.noConflict()方法，javascript有数量繁多的框架，有时候其他框架会用到$,跟jquery冲突导致脚本失效或者崩溃，而noConflict()就是交出jquery"$"的使用权。
$.noConflict(); 执行这条语句后用全名称代替$
当然也可以自定义一个简写：var jq = $.noConflict();
17.jsonp应用：是json的一种使用方式，即跨域（网站）读取数据，因为同源策略（Netscape提出的安全策略，所有支持javascript的浏览器都会支持这个策略），
扫一扫
2196
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
