jquery

1 jquery简介
 　　jquery就是js语法写的一些函数类。它的尺寸小，使用简单方便。使用链式编程，隐式迭代，可以屏蔽浏览器差异，而且插件丰富、开源、免费。

 

 

2 jquery选择器
 　　jquery的选择器很类似css的选择器
 　　　　$("#xx") 选择id为xx的元素
 　　　　$("xx") 选择标签为xx的元素
 　　　　$(".xx") 选择class属性为xx的元素
 　　　　$("x,xx") 选择x和xx标签
 　　　　$("xx xxx") 获取xx下的xxx元素，包括后代
 　　　　$("xx>xxx") 获取xx下的直接子xxx元素
 　　　　:first 获取第一个元素
 　　　　:last 获取最后一个元素
　　　　 :not() 排除（）中的元素
 　　　　:even 索引是奇数的元素
 　　　　:odd 索引是偶数的元素
 　　　　:eq() 索引等于（）中的元素
 　　　　:gt() 索引大于（）中的元素
 　　　　:lt() 索引小于（）中的元素
 　　　　:header 选取所有的好h1~h6
 　　　　$("xx[xxx]") 选取有xxx属性的xx
 　　　　$("x[xx=xxx]") 选取xx属性为xxx的x元素
 　　　　$("x[xx！=xxx]") 选取xx属性不为xxx的x元素
 　　　　$("#form1:enabled") 选取id为form1的表单内的所有的启用元素
 　　　　$("#form1:disabled") 选取id为form1的表单内的所有的禁用元素
 　　　　$("input:checked") 选取所有选中的元素（radio，checkbox）
 　　　　$("select option:selected") 选取所有选中的选项元素（下拉列表）
 　　　　$(":input") 选取所有<input>、<textarea>、<select>和<button>元素。和$("input")不一样
 　　　　$(":text")选取所有单行文本框
 　　　　$(":password")选取所有密码框。同理:radio、:checkbox、:submit、:image、:reset、:button、:file、:hidden

 

 

3 jquery方法
 　　　　$(document).ready(function(){}) 页面加载时，只要dom元素创建完毕后就被触发，可以注册多次，可以简写为 $(function(){})
 　　　　$.map(array,fun)对数组中每个元素调用fun函数逐个处理，最后得到一个新数组。不能处理dictionary风格的数组。
 　　　　$.each(array,fun)对数组中每个元素调用fn函数进行处理，没有返回值。普通数组可以省略func的参数，用this得到 遍历的当前数组。

　　　　　　dictionary风格的就用function（key，value）{}
 　　　　.css("background", "red") 修改样式
 　　　　.css(“background”) 获得样式
 　　　　.val(“abc”) 修改value
 　　　　.val() 获得value
 　　　　.html() 获得或设置元素的innerHTMl
 　　　　.text() 获得或设置元素的innerTEXT
 　　　　.attr() 获得或设置元素的属性

 

 

4 节点遍历
 　　　　next() 获取节点之后的挨着的第一个同辈元素
 　　　　nextAll()方法用于获取节点之后的所有同辈元素
 　　　　prev() 获取节点之前的挨着的第一个同辈元素
 　　　　prevAll()方法用于获取节点之前的所有同辈元素
 　　　　siblings()方法用于获取所有同辈元素
 　　　　end()将匹配的元素列表变为前一次的状态
 　　　　andSelf()加入先前所选的加入当前元素

 

 

5 动态创建节点
 　　　　var $a = $("<a href='http://www.baidu.com'>百度</a>");
 　　　　xx.append(xxx) 在xx元素内部末尾追加元素xxx
　　　　 xxx.appendto(xx) 把xxx元素追加到xx元素内部末尾
 　　　　xx.prepend(xxx) 在xx元素内部开始追加元素xxx
 　　　　xxx.prependto(xx) 把xxx元素追加到xx元素内部开始
 　　　　after 在元素之后添加元素（添加兄弟）
 　　　　insertAfter
 　　　　before  在元素之前添加元素（添加兄弟）
 　　　　insertBefore
 　　　　remove() 删除节点
 　　　　empty() 清空节点

 

 

6 事件
 　　　　bind()绑定事件，可以简写为.xxx() 
 　　　　unbind()解除绑定事件
 　　　　hover() 合成事件 鼠标放上和离开
　　　　 如果想获得事件相关的信息，只要给响应的匿名函数增加一个参数：e，e就是事件对象，

　　　　　　e.stopPropagation()终止事件冒泡，

　　　　　　e.preventDefault()阻止默认行为，e的属性：

　　　　　　pageX、pageY、target获得触发事件的元素(冒泡的起始，和this不一样)、which如果是鼠标事件获得按键（1左键，2中键，3右键）。

　　　　　　altKey、shiftKey、ctrlKey获得alt、shift、ctrl是否按下，为bool值。keyCode属性发生事件时键盘码

 

 

7 AJAX

　　$.AJAX({

　　　　async:"true",  //(默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false

　　　　beforeSend:function (XMLHttpRequest) {　　//发送请求前可修改 XMLHttpRequest 对象的函数，如添加自定义 HTTP 头。　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//XMLHttpRequest 对象是唯一的参数。
    　　　　this; // 调用本次AJAX请求时传递的options参数
　　　　} ,

　　　　complete :function (XMLHttpRequest, textStatus) {　　//请求完成后回调函数 (请求成功或失败时均调用)。

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//参数： XMLHttpRequest 对象和一个描述成功请求类型的字符串。
　　　　} ,

　　　　contentType (String) : (默认: "application/x-www-form-urlencoded") 发送信息至服务器时内容编码类型。默认值适合大多数应用场合。

　　　　data:"aaa=11&sss=33", 　　//发送到服务器的数据。

　　　　dataFilter :function (data, type) {　　　　//给Ajax返回的原始数据的进行预处理的函数。

　　　　　　　　　　　　　　　　　　　　　　　　//提供data和type两个参数：

　　　　　　　　　　　　　　　　　　　　　　　　//data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataType参数

　　　　　　　　　　　　　　　　　　　　　　　　//函数返回的值将由jQuery进一步处理。
    
　　　　}, 　　　

　　　　dataType :"json" ,　　　　//预期服务器返回的数据类型。

　　　　　　　　　　　　　　　　　//如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText，

　　　　　　　　　　　　　　　　　　//并作为回调函数参数传递，可用值:

　　　　　　　　　　　　　　　//"xml": 返回 XML 文档，可用 jQuery 处理。

　　　　　　　　　　　　　　　//"html": 返回纯文本 HTML 信息；包含 script 元素。

　　　　　　　　　　　　　　　//"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数

　　　　　　　　　　　　　　　//"json": 返回 JSON 数据 。

　　　　　　　　　　　　　　　//"jsonp": jsonp格式。

　　　　　　　　　　　　　　　//　使用jsonp形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。

　　　　　　　　　　　　　　　//"text": 返回纯文本字符串

　　　　error (Function) : function (XMLHttpRequest, textStatus, errorThrown) {

　　　　　　　　//(默认: 自动判断 (xml 或 html)) 请求失败时调用时间。

　　　　　　　　//参数：XMLHttpRequest 对象、错误信息、（可选）捕获的错误对象。Ajax事件
    　　 　　　　 // 通常 textStatus 和 errorThrown 之中

    　　 　　　　 // 只有一个会包含信息
   　　　　 this; // 调用本次AJAX请求时传递的options参数

　　　　} 。

　　　　success (Function) :function (data, textStatus) {

　　　　　　//请求成功后回调函数。

　　　　　　//参数：服务器返回数据，数据格式。 Ajax事件

   　　　　  // data 可能是 xmlDoc, jsonObj, html, text, 等等...
   　　　　 this; // 调用本次AJAX请求时传递的options参数

　　　　}  

　　　　timeout (Number) : 设置请求超时时间（毫秒）。此设置将覆盖全局设置。

　　　　type (String) : (默认: "GET") 请求方式 ("POST" 或 "GET")， 默认为 "GET"。

　　　　url (String) : (默认: 当前页地址) 发送请求的地址。

　　　

 

})

 

 

8 动画
 　　show()
 　　hide()
 　　slideDown()
 　　slideUp()
 　　fadeOut()
 　　fadeIn() 
 　　animate()