類樣式操作

新增類樣式 
addClass(className) 為指定元素新增類className
$(selector).addClass(“liItem”);

移除類樣式
removeClass(className) 為指定元素移除類 className
$(selector).removeClass(“liItem”);
$(selector).removeClass(); 不指定引數，表示移除被選中元素的所有類

判斷有無類樣式
hasClass(calssName) 判斷指定元素是否包含類 className
$(selector).hasClass(“liItem”);

切換類樣式
toggleClass(className) 為指定元素切換類 className，該元素有類則移除，沒有指定類則新增。
$(selector).toggleClass(“liItem”);

jQuery節點操作

建立元素   $(“<div>我是div</div>”)
內部追加元素
$(selector).append()    - 在被選元素的結尾(內部)插入內容
$(selector).append(node);
$(selector).append($(‘<div></div>’));
$(selector).appendTo(node); - 追加到.. ，把選擇到的元素追加到node中
$(selector).appendTo(selector);
父節點.prepend(子節點)
外部追加元素
$(selector).after(node)     - 在被選元素之後插入內容
$(selector).before(node)    - 在被選元素之前插入內容
替換節點
$(selector).replaceAll(node) -新節點替換舊節點

清空元素            $(selector).empty();    // 清空所有子元素（光桿司令）

$(selector).remove();   // “自殺” 把自己刪除掉

jQuery表單操作

設定屬性
$(selector).attr(“title”,”baizhi”);

獲取屬性
$(selector).attr(“title”）；

移除指定屬性
$(selector).removeAttr(“title”）

值和內容

$(selector).text() - 設定或返回所選元素的文字內容
$(selector).html() - 設定或返回所選元素的內容（包括 HTML 標記）
$(selector).val()  - 設定或返回表單欄位的值


獲取和設定方法名相同,通過不同引數來確定是獲取還是設定值
寬高：
height ()： $(selector).height(); //帶引數設定，不帶引數獲取,引數是number型別
width() ： $(selector).width(200); //帶引數設定，不帶引數獲取
innerWidth():包含content + padding
outerWidth() :包含content + padding + border

jQuery動畫

隱藏 顯示 
$(selector).show(speed,callback);
$(selector).hide(1000);
$(selector).toggle("slow");


三個方法的語法都一致，引數可以有兩個，第一個是動畫的速度，第二個是動畫執行完成後的回撥函式。
第一個引數是：可以是指定單詞或者毫秒數


如果是slow，fast，normal引數。slow對應時長為600，normal為400，fast為200

淡入淡出
$(selector).fadeIn(speed, callback)
$(selector).fadeOut(1000)
$(selector).fadeToggle('fast',function(){})
$(selector).fadeTo(1000, .5); //淡入到  0透明，1不透明

滑動
$(selector).slideDown(speed,callback);  // 顯示
$(selector).slideUp(speed,callback);     // 隱藏
$(selector).slideToggle(speed,callback);

自定義動畫：
$(selector).animate({params},speed,callback);
支援的屬性：
http://www.w3school.com.cn/jquery/effect_animate.asp
停止動畫：
$(selector).stop();
// 第一個引數表示是否清空所有的後續動畫
// 第二個引數表示是否立即執行完當前正在執行的動畫
$(selector).stop(stopAll,goToEnd);

座標值操作：

offset() 獲取或設定元素相對於文件位置的方法
獲取：$(selector).offset();
此時，返回一個object，包含left和top屬性，值是相對於document的位置。
$(selector).offset({left:100, top: 150});  // 設定元素位置


position() 獲取相對於其最近的定位的父元素的位置。
只能獲取，不能設定。
相對與其最近的__定位__元素
返回一個object，包含left和top屬性
例如：
$(selector).position();


$(selector).position().left