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()：上下切换滑动，速度快点