JQuery笔记
最近忙毕业设计，JQuery都一年没碰了，大概翻些要点记记。
基础语法是：$(selector).action()
- 美元符定义JQ
- 选择符"查询"和"查找"HTML元素
- JQ的action()执行对元素的操作
元素选择器是JQ最为强大的特性之一(不过我菜鸟看来其实跟ExtJS没多大区别)，支持XPath表达式(通过元素的属性查找元素，牛B哦)。
JQ的事件处理函数是JQ中的核心函数，通常的做法是把JQ代码放到<head>标签中(难道就没有OO一点的做法么？)。
命名冲突可以使用JQ的noConflict()函数避免，如
var jq = JQuery.noConflict();//用自己认为最不容易冲突的变量名吧
这里有个小结论哦，由于JQ是为处理HTML事件而特别设计的，那么照官方的说法来写JQ可能会更恰当：
- 把所有的JQ代码置于事件处理函数中
- 把所有事件处理函数置于文档就绪事件处理器中
- 把JQ代码置于单独的js文件中
- 如果存在命名冲突，则重命名JQ库(noConflict方法哦)
JQ自带的动画其实一般可以满足毕业设计的需求，但自定义动画就更为灵活了(当然CSS3+HTML5有时会更好)。
语法：
1 $(selector).animate({params},[duration],[easing],[callback])
params参数是关键哦，它其实是一些css属性，to value部分的，duration的单位是毫秒，当然也可以用'slow', 'fast', 'normal'这些值。
这里要注意一点，HTML元素默认是静态定位，无法移动，所以如果想让元素可以移动，就得把CSS的position设为relative或absolute。
常用的HTML操作函数：
- html(value) -- 这个就不用解释了呗
- append(value) -- 追加内容(内部加)
- prepend(value) -- 内部预置(元素内开始处)
- after(value) -- 元素后插入
- before(value) -- 元素前插入
- appendTo(element) -- 将内容追加到element元素后
- prependTo(element) -- 结合prepend()和appendTo()来理解吧
常用CSS操作符：
- css(name, value) -- 这个。。。估计也省了吧
- css({properties}) -- 这个是同时赋值多个属性的方法(重载耶，记得js是通过什么方式实现的吗？)
- css(name) -- 返回指定css属性的值
- height(value) -- 记得value是字符串哦，带单位的
- width(value) -- 同上
- offset() -- 返回元素相对于document的位置
- position() -- 有别于上面offset()，返回元素相对于parent元素的位置
- offsetParent() -- 返回值是一个element，是最近的定位parent元素
- scrollLeft() -- 设置或返回相对滚动条左侧的偏移(水平偏移)
- scrollTop() -- 同上，只是垂直偏移
Ajax函数：
- load(url, data, callback) -- 这个。。。也不用说了(data是send给服务端的数据，估计是post的)
- $.ajax(options) -- 所谓low level函数，option就是一个JSON对象，所有key都是可选的，有一大堆属性，为了养成不偷懒的习惯，都列出来呗，url(String), async(Boolean), context(Object, 回调的上下文), complete(Function, 回调参数是一个XHR对象和一个描述请求类型的字符串), beforeSend(Function, 一个回调参数XHR对象， 可在请求被发送出去之前修改XHR对象，如添加自定义HTTP头，函数返回false则取消请求发送), error(Function, 请求失败时调用此回调，参数有叁，XHR对象、错误信息、可选的捕获的异常对象), jsonpCallback(String, jsonp的callback函数的名字), timeout(Number, 超时时间), type(String, 请求方式，默认为GET), success(Function), dataObject(String, 发送给服务器的数据, 这个有点复杂, 详细用法请到这里), dataFilter(Function, 两个参数，一个是ajax的raw data，一个是dataType参数值), contentType(String), cache(Boolean, 默认true, dataType为script和jsonp是为false)
- getJSON() -- 通过get方式获取JSON数据
- post() -- post请求从服务器加载数据
- get() -- 顾名思义，get方式要数据
今天到这里，更多详情到这里。
