jQuery快速复习

jQuery

什么是jQuery?jQuery是一个Javascript库，极大的简化了Javascript编程。
接下来就讨论如何使用这个库吧。
因为这是一个库，所以首先要引入库

<script type="text/javascript" src="jquery.js"></script>

jQuery 部分写在包装的代码里。

<script type="text/javascript">
$(document).ready(function(){

/***代码部分**/

});
或是精简版的
$(function(){

});
</script>

jQuery语法：这个很简单。$(selector).action();

jQuery选择器：使用$作为选择符，$("p") $("p.class-name")选择有class="class-name"的<p>

$("[href]")所有有href属性的元素 $("[foo="value"]")$("[foo!=‘value‘]")$([foo$=".jpg"])以.jpg结尾

jQuery事件：以click时间举例，

$("button").click(function(){
});

其他常见的事件还有:dbclick focus mouseover......................;

jQuery效果：以hide()为例：
$("div1").hide();//参数可选，（speed,callback）speed:slow fast 或是毫秒数
其他还有hide() show() toggle() fadeIn() fadeOut() fadeToggle() fadeTo(speed,opacity,callback)
slideUp()滑动效果是元素出现和隐藏 slideDown() slideToggle()等；
还有animate(),添加动画效果参数有({CSS属性 color:"red"},speed,callback);stop()方式用于停止动画以及效果进程。
callback函数用于在顺利执行方法后执行。

jQuery获得内容和属性:text()获取或设置文本 html()获取或设置html代码 val()获取或设置表单元素的值 方法；
获取或设置属性attr()，attr("属性名称":"属性值")；

jQuery添加元素：append()被选元素的结尾;prepend()被选元素的开头 after() 后边 before()之前
append() and prepend() after() before()can receive many newElements

jQuery删除元素：remove()删除被选元素，empty()删除被选元素的子元素；

jQuery操作CSS addClass() removeClass() toggleClass() css() css("propertyname")返回css属性值
css("propetyname","value")设置css属性；

jQuery尺寸：width()设置数值使用整数即可 height() innerWidth() innerHeight() outerWidth(true) outerHeight(true)

jQuery遍历：parent()直接父元素 parents（）所有父元素 可添加参数进行搜索 parentUntil("元素便签名")介于两个元素之间的父元素
children()，返回所有直接子元素 可使用参数搜索 find()返回所有后代 可使用参数搜索。
siblings()所有同胞元素 next() nextAll() nextUntil() prev() prevAll() prevUntil()部分可使用参数搜索
first() 被选元素的第一个元素 last() eq()选择带有索引号的元素 filter()筛选 参数是选择符 not()与filter相反

jQuery Ajax:get(url,callback) 回调函数有2个参数 第一个接收responseText 第二个接收status。
post(url,data,callback)

jQuery noConflict()方法用来替换选择符。var jq=$.noConflict();