jquery获取对象的方法足以应付常见的各种类型的对象

(1)基本对象获取

  

  $("*")

  获取所有对象

  $("#element")

  获取id为element的对象等同于document.getElementById(“element”);

  $(".abc")

  获取class为abc的对象

  $("div")

  获取html中所有的div元素

  $("#a,.b,p")

  获取id为a和class为b以及所有p元素

  $("#a .b p")

  获取id为a并且class为b元素下的p元素

  (2)层级对象获取

  $("div>input")

  获取div下所有input对象

  $("div+h")

  获取紧跟在div后的一个h元素

  $("div~p")

  获取在元素div之后的所有p元素

  (3)简单对象获取

  $("element:first")

  获取页面上某个元素的第一个如$("div:frist")表示第一个div

  $("element:last")

  获取页面上某个元素的最后一个如$("div:frist")表示最后一个div

  $("element:not(selector)")

  去除所有与选择器匹配的元素如$("input:not(:check)")表示所有未被选中的复选框

  $("element:even")

  获取element元素的偶数行

  $("element:odd")

  获取元素的奇数行

  $("element:eq(index)")

  获取特定索引的元素 如$("div:el(2)")表示第三个div

  $("element:gt(index)")

  匹配所有大于给定索引值的元素

  $("element:lt(index)")

  匹配所有小于给定索引的元素

  $(":header")

  匹配h标记的元素

  $("element:animated")

  匹配所有没有执行动画效果的元素

  (4)内容对象的获取和对象的可见性

  $("Element:contains(text)")

  元素中的文本是否包含某个字母或字符串

  $("Element:empty")

  获得不包含文本或子元素的元素对象

  $("Element:parent")

  获得对象元素包含文本或子元素

  $("Element:has(selector)")

  匹配含有某个元素是否包含某个元素 如$("p:has(span)")表示所有包含span元素的p元素

  $("Element:hidden")

  匹配所有不可见元素,包括display:none 以及input的属性是hidden的元素

  $("Element:visible")

  匹配所有课件元素

  (5)对象获取进阶

  $("Element[id]")

  获取所有带有id属性的元素

  $("Element[attribute=abcd]")

  获取所有某个属性为abcd的元素

  $("Element[attribute!=abcd]")

  获得所有某个属性不为abcd的元素

  $("Element[attribute^=ab]")

  获得所有某个属性以ab开头的元素

  $("Element[attribute$=ab]")

  获得所有某个属性以ab结尾的元素

  $("Element[attribute*=ab]")

  获得所有含有某个属性包含ab的元素

  $("Element[selector1][selector2][.....]")

  符合属性选择器 如$("input[id][name][value=abcd]")表示获得带有ID、Name以及value是abcd的input元素

  (6)子元素的获取

  $("Element:nth-child(index)")

  选择父级下的第N个子元素,索引从1开始

  :nth-child(even)偶数

  :nth-child(odd)奇数

  :nth-child(3n)表达式

  :nth-child(2)索引

  :nth-child(3n+1)表达式

  $("Element:first-child")

  父级下的第一个子级元素

  $("Element:last-child")

  父级下的最后一个子级元素

  $("Element:only-child")

  父级下的唯一的一个子级元素

  (7)表单对象的获取

  $(:input)

  只能匹配input元素类型为 input button select textarea

  $(:text)

  所有当行文本框

  $(:password)

  所有密码框

  $(:radio)

  所有单选按钮

  $(:checkbox)

  所有复选框

  $(:submit)

  所有提交按钮

  $(:image)

  所有图片域

  $(:reset)

  所有充值按钮

  $(:button)

  所有按钮

  $(:file)

  所有的文件上传域

  $(:hidden)

  所有不可见元素或者type为hidden的元素

  $(:enabled)

  所有可用input元素

  $(:disabled)

  所有不可用input元素

  $(:checked)

  所有复选框元素

  $(:selected)

  所有下拉表

  (8)元素属性的设置与移除

  $("Element").attr(name)

  取得第一个匹配元素的属性值 如$("img").attr("src");

  $("Element").attr({key:value,key:value,......})

  为某一个元素一次性设置多个属性

  $("Element").attr(key,value)

  为某个元素设置属性

  $("Element").attr(key,function)

  为所有匹配的元素设置一个计算的属性

  $("Element").removeAttr(name)

  移除某一个属性