源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-06-07 20:51 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery获取对象的方法足以应付常见的各种类型的对象
[b](1)基本对象获取 [/b] $("*") 获取所有对象 $("#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元素 [b](2)层级对象获取[/b] $("div>input") 获取div下所有input对象 $("div+h") 获取紧跟在div后的一个h元素 $("div~p") 获取在元素div之后的所有p元素 [b](3)简单对象获取[/b] $("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") 匹配所有没有执行动画效果的元素 [b](4)内容对象的获取和对象的可见性[/b] $("Element:contains(text)") 元素中的文本是否包含某个字母或字符串 $("Element:empty") 获得不包含文本或子元素的元素对象 $("Element:parent") 获得对象元素包含文本或子元素 $("Element:has(selector)") 匹配含有某个元素是否包含某个元素 如$("p:has(span)")表示所有包含span元素的p元素 $("Element:hidden") 匹配所有不可见元素,包括display:none 以及input的属性是hidden的元素 $("Element:visible") 匹配所有课件元素 [b](5)对象获取进阶[/b] $("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元素 [b](6)子元素的获取[/b] $("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") 父级下的唯一的一个子级元素 [b](7)表单对象的获取[/b] $(:input) 只能匹配input元素类型为 input button select textarea $(:text) 所有当行文本框 $(:password) 所有密码框 $(:radio) 所有单选按钮 $(:checkbox) 所有复选框 $(:submit) 所有提交按钮 $(:image) 所有图片域 $(:reset) 所有充值按钮 $(:button) 所有按钮 $(:file) 所有的文件上传域 $(:hidden) 所有不可见元素或者type为hidden的元素 $(:enabled) 所有可用input元素 $(:disabled) 所有不可用input元素 $(:checked) 所有复选框元素 $(:selected) 所有下拉表 [b](8)元素属性的设置与移除[/b] $("Element").attr(name) 取得第一个匹配元素的属性值 如$("img").attr("src"); $("Element").attr({key:value,key:value,......}) 为某一个元素一次性设置多个属性 $("Element").attr(key,value) 为某个元素设置属性 $("Element").attr(key,function) 为所有匹配的元素设置一个计算的属性 $("Element").removeAttr(name) 移除某一个属性
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部