随笔- 12  评论- 2  文章- 0 

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

posted on 2011-11-24 23:07 ferry_passion 阅读(...) 评论(...) 编辑 收藏