jquery权威指南学习笔记

$("#div").html()   获取jquery对象中的值
$("#divHTML").html(strHTML)   设置值
$("#div").text()   获取元素内容
$("#divText").text(strText)  设置值
$(this).toggleClass("divClick").html("点击后的样子")   单击交替事件
$(".clsHead span img").attr("src","Images/al.gif")     设置元素属性
$(".clsContent").is(":visible")){
}else{
}
$("img").attr("src")   获取属性值
$("img").removeAttr("src")  删除属性值
$("select").val().join(",")  获取列表框所选中的全部项的值
$("input").val()  获取文本框的值
$("input").val("")  设置文本框的值
$(this).css("font-style","italic")  设置样式的值
$(this).addClass("cls1 cls2")    设置css样式
$(this).toggleClass("clsImg")    切换样式类别
$("p").removeClass("cls0 cls1")  删除css的指定类别
$("p").removeClass()             删除css的全部类别



层次选择器：
$("div span").css()  匹配后代元素
$("div>span").css()  匹配子元素
$("#div").next().css()  匹配后面元素  nextAll()  后面所有元素
$("#div").siblings("div").css()    兄弟元素
简单过滤选择器：
$("li:first")     获取第一个元素
$("li:last")      获取最后一个元素
$("li:not(.NotClass)")   获取除给定选择器外的所有元素
$("li:even")  获取索引为偶数的元素
$("li:odd")   索引为奇数
$("li:eq(1)")  索引值为1
$("li:gt(1)")
$("li:lt(1)")
$(":header")    获取所有标题类型的元素，如h1、h2
$("#pan:animated")   获取正在执行动画效果的元素
内容过滤选择器：
$("div:contains('A')").css()   获取包含给定文本的元素
$("div:empty").css()       获取所有不包含子元素或者文本的空元素
$("div:has(span)").css()   获取含有选择器所匹配的元素
$("div:parent").css()      获取含有子元素或者文本的元素
可见性过滤选择器：
$("div:visible").addClass()    获取所有不可见元素,或者type为hidden的元素
$("span:hidden").show().addClass()   获取所有的可见元素
属性过滤选择器：
$("div[id]").show()                  获取所有含有id属性的元素
$("div[title='A']").show()           获取所有属性title的值是"A"的元素
$("div[title!='A']").show()          获取所有属性title的值不是"A"的元素
$("div[title^='A']").show()          获取所有属性title的值以"A"开始的元素
$("div[title$='A']").show()          获取所有属性title的值以"A"结束的元素
$("div[title*='A']").show()          获取所有属性title的值中包含有"A"的元素
$("div[id='divAB'][title*='B']").show()  获取所有属性title的值中含有"B"且属性id的值是"divAB"的元素
子元素过滤选择器：
$("li:nth-child(2)").addClass()     获取每个父元素下的第2个子元素
$("li:first-child").addClass()      获取每个父元素下的第一个子元素
$("li:last-child").addClass()       获取每个父元素下的最后一个子元素
$("li:only-child").addClass()       获取每个父元素下只有一个子元素的元素
表单对象属性过滤选择器：
$("#form1 input:enabled").addClass()  获取表单中所有属性为可用的元素
$("#form1 input:disabled").addClass() 获取表单中所有属性为不可用的元素
$("#from1 input:checked").addClass()  获取表单中所有被选中的元素
$("#select option:selected").text()   获取表单中所有被选中的option的元素
表单选择器：
$("form1 :input").length          获取所有input类型元素
$("form1 :text").show()           获取所有文本框元素
$("form1 :password").show()       获取所有密码框元素
$("form1 :radio").show()          获取所有单选按钮元素
$("form1 :checkbox").show()       获取所有复选框元素
$("form1 :submit").show()         获取所有提交按钮元素
$("form1 :image").show()          获取所有图片元素
$("form1 :reset").show()          获取所有重置按钮元素
$("form1 :button").show()         获取所有按钮元素
$("form1 :file").show()           获取所有文件元素

动态创建节点元素
插入节点
append(function(index,html)) 函数必须返回字符串作为append的参数插入元素
$("div").append(function retHtml(){})
append(function(content)) 将一个元素插入另一个元素中
$("span").appendTo($("div"))
外部插入节点
after(function|content)  元素外部后面插入内容
before(function|content)
insertAfter(content)     将所选择的元素插入另一个指定的元素外部后面
insertBefore(content)

复制节点
clone()   复制元素，被复制后的新元素不具有任何元素行为
clone(true)    复制元素，包括事件处理
替换节点
replaceWith(content)
$("#span1").replaceWith("<span title='replaceWith'></span>")
replaceAll(selector)
$("<span title='replaceAll'></span>).replaceAll("#span2")
包裹节点
warp(html|elem|fn)  所有选择的元素用字符串|dom元素|function返回代码包裹起来
warpAll(html|elem)  所有选择的元素用单个元素|dom元素包裹起来
warpInner(html|elem|fn)所有选择元素的子内容用字符串|dom元素|function返回代码包裹起来
unwarp()            移除所有元素的父元素或包裹标记

遍历元素
each(callback)
$("img").each(function(index){})
删除元素
remove(expression)
$("ul li").remove("li[title=t]")
$("ul li:eq(1)").remove()
empty()