1.jQuery給標簽添加子元素（父子關系）
jQuery對象.append("子");
將div標簽插入到ul標簽之后
$("ul").append($('div'));
div標簽插入到ul之前
$("ul").preappemd($('div'))
將div標簽插入到ul標簽之后（兄弟關系）
格式：兄.after($("div"))
$('ul').after($("div"))
將div標簽插入到ul之前
$("ul").before($("div"))
2.取出form里第一個input元素的type屬性
$("form input:first").attar("type");
設置form下最后一個input元素的為只讀文本框
$("form input：last").attar("readonly","readonly");
創建div元素，添加“啦啦啦”文本，iD屬性，並添加到文本中
var divEl = document.createElement("div"); //創建一個divEl標簽 divEl.setAttribute("id","2015"); //設置id document.body.appenfChild(divEl); //將其加入到body中
上面是js是做法，下面是jQuery的實現方法
var div = $("<div id="XXX"></div>"); $("body").append("div");
3.刪除id為sessionID的li元素
$("$sessionID").remove(); //刪除sessionID的屬性的標簽
刪除所有的li元素
$("li").remove(); //將所有的li刪除
刪除ul元素
$("ul").remove();
4.取出div中的內容
$("div").text();
取的<option>的值和描述[假如有一個城市列表的選擇菜單]
var $option = $("#city option") 定位標簽 var value = $option.val(); 獲取標簽中的值 var html = $option.text(); 將標簽里的東西取出來
5.賦值元input中的元素，添加到input元素后，與其同級
var $old =$(“：button”); 定位菜單 var $new = $old.clone(); 賦值 $new.val("新按鈕")； $old.after($new)
總結：clone（）沒有參數的就只是復制樣式，但是如果是clone(true)那么就是將事件也會復制過來
6.為table添加屬性，比如添加border/align/width等屬性，使用格式是
attr（“key”,"value"）
將屬性刪除
removeAAyyr("key")
7.添加樣式
將第一個標簽添加樣式 $("div:first").addclass("myClass");
將最后一個標簽的樣式刪除掉
$("div:last").remove("myclass")
切換樣式，將有樣式的變為有樣式，將有樣式變為無樣式了
$("div").toggleclass("myclass");
查看標簽是否有樣式
var flag=$(div:last).hasClass("myClass");返回boolean值
8.獲取圖片坐標
var offset = $("img").offset(); var y= offset.left; var x= offset.top; alert(x,y)
設置坐標
$("img").offset({top:100 left:200})
獲取圖片高度
var w= $("img").width(); var w= $("img").height();
設置圖片的高度
var w = $("img").width(222); var x = $("img").height(200);
8.向上下滑動，按下按鈕菜單下拉
$(“:button”).click(function(){ $(“div”). slideToggle(200); });
總結：
jQuery的API
each()：是jQuery中專用於迭代數組的方法，參數為一個處理函數，this表示當前需要迭代的js對象 append()：追加到父元素之后 prepend()：追加到父元素之前 after()：追加到兄弟元素之后 before()：追加到兄弟元素之前 attr(name)：獲取屬性值 attr(name,value)：給符合條件的標簽添加key-value屬性對 $("<div id='xxID'>HTML代碼</div>")：創建元素，屬性，文本 remove()：刪除自已及其后代節點 val()：獲取value屬性的值 val("")：設置value屬性值為""空串，相當於清空 text()：獲取HTML或XML標簽之間的值 text("")：設置HTML或XML標簽之間的值為""空串 clone()：只復制樣式，不復制行為 clone(true)：既復制樣式，又復制行為 replaceWith()：替代原來的節點 removeAttr()：刪除已存在的屬性 addClass()：增加已存在的樣式 removeClass()：刪除已存在的樣式 hasClass()：判斷標簽是否有指定的樣式，true表示有樣式，false表示無樣式 toggleClass()：如果標簽有樣式就刪除，否則增加樣式 offset()：獲取對象的left和top坐標 offset({top:100,left:200})：將對象直接定位到指定的left和top坐標 width()：獲取對象的寬 width(300)：設置對象的寬 height()：獲取對象的高 height(500)：設置對象的高 children()：只查詢子節點，不含后代節點 next()：下一下兄弟節點 prev()：上一下兄弟節點 siblings()：上下兄弟節點 show()：顯示對象 hide()：隱藏對象 fadeIn()：淡入顯示對象 fadeOut()：淡出隱藏對象 slideUp()：向上滑動 slideDown()：向下滑動 slideToggle()：上下切換滑動，速度快點