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()