位置: 编程技术 - 正文

jQuery选择器总结之常用元素查找方法(jquery选择器大全)

编辑:rootadmin

推荐整理分享jQuery选择器总结之常用元素查找方法(jquery选择器大全),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery选择器的基本语法,jquery选择器大全,jquery选择器实例,jquery选择器写法,jquery选择器写法,jquery选择器的基本语法,jquery选择器大全,jquery选择器的基本语法,内容如对您有帮助,希望把文章链接给更多的朋友!

选择器并没有一个固定的定义,在某种程度上说,jQuery的选择器和样式表中的选择器十分相似。选择器具有如下特点:

1.简化代码的编写

2.隐式迭代

3.无须判断对象是否存在

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法

$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素

$("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素,可以运用多种的选择方式进行联合选择:例如$("#myELement,div,.myclass") $("form input") 选择所有的form元素中的input元素 $("#main > *") 选择id值为main的所有的子元素 $("label + input") 选择所有的label元素的下一个input元素节点,经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素 $("#prev ~ div") 同胞选择器,该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签

基本过滤选择器:

$("tr:first") 选择所有tr元素的第一个 $("tr:last") 选择所有tr元素的最后一个 $("input:not(:checked) + span") 过滤掉:checked的选择器的所有的input元素 $("tr:even") 选择所有的tr元素的第0,2,4... ...个元素(注意:因为所选择的多个元素时为数组,所以序号是从0开始) $("tr:odd") 选择所有的tr元素的第1,3,5... ...个元素 $("td:eq(2)") 选择所有的td元素中序号为2的那个td元素 $("td:gt(4)") 选择td元素中序号大于4的所有td元素 $("td:ll(4)") 选择td元素中序号小于4的所有的td元素 $(":header") 选择所有标题元素,如h1,h2,h3等$("div:animated") 选择所有正在执行动画效果的元素

内容过滤选择器:

jQuery选择器总结之常用元素查找方法(jquery选择器大全)

$("div:contains('John')") 选择所有div中含有John文本的元素 $("td:empty") 选择所有的为空(也不包括文本节点)的td元素的数组 $("div:has(p)") 选择所有含有p标签的div元素 $("td:parent") 选择所有的以td为父节点的元素数组

可视化过滤选择器:

$("div:hidden") 选择所有的被hidden的div元素 $("div:visible") 选择所有的可视化的div元素

属性过滤选择器:

$("div[id]") 选择所有含有id属性的div元素 $("input[name='newsletter']") 选择所有的name属性等于'newsletter'的input元素 $("input[name!='newsletter']") 选择所有的name属性不等于'newsletter'的input元素 $("input[name^='news']") 选择所有的name属性以'news'开头的input元素 $("input[name$='news']") 选择所有的name属性以'news'结尾的input元素 $("input[name*='news']") 选择所有的name属性包含'news'的input元素 $("input[id][name$='man']") 可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且name属性以man结尾的元素

子元素过滤选择器:

$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n + 1)") $("div span:first-child") 返回所有的div元素下的span元素,只取第一个$("div span:last-child") 返回所有的div元素下的span元素,只取最后一个$("div button:only-child") 返回所有的div下的所有的button元素中只有一个子元素的数组

表单元素选择器:

$(":input") 选择所有的表单输入元素,包括input, textarea, select 和 button$('input:text') 选择所有input元素中类型为text的input元素$('input:password') 选择所有input元素中类型为password的input元素$('input:radio') 选择所有input元素中类型为radio的input元素$('input:checkbox') 选择所有input元素中类型为checkbox的input元素$('input:submit') 选择所有input元素中类型为submit的input元素$('input:image') 选择所有input元素中类型为image的input元素$('input:button') 选择所有input元素中类型为button的input元素 $('input:file') 选择所有input元素中类型为file的input元素$("input:hidden") 选择所有input元素中类型为hidden的input元素

表单元素过滤选择器:

$(":enabled") 选择所有的可操作的表单元素 $(":disabled") 选择所有的不可操作的表单元素 $(":checked") 选择所有的被checked的表单元素 $("select option:selected") 选择所有的select 的子元素中被selected的元素

以上所述是小编给大家介绍的jQuery选择器总结之常用元素查找方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

Jquery获取当前城市的天气信息 本文实例为大家分享了Jquery获取当前城市的天气信息代码,供大家参考,具体内容如下HTML代码:divid="weather"/divJquery代码:functionfindWeather(){varcityUrl='http:

jQuery实现定位滚动条位置 jQuery实现滚动条滚动到子元素位置(方便定位)关键代码如下所示:divclass="of-y"id="nurse"tableclass="highwidth"id="nurse-plan"trid="tr-one"/trtrid="tr-two"/trtrid="tr-three"/

jquery 点击元素后,滚动条滚动至该元素位置的方法 点击元素后,滚动条滚动至该元素位置:$('a.lead-link').bind('click',function(e){e.preventDefault();$('html,body').animate({scrollTop:$(this.hash).offset().top-},);});以上这篇

标签: jquery选择器大全

本文链接地址:https://www.jiuchutong.com/biancheng/384126.html 转载请保留说明!

上一篇:使用jQuery Ajax 请求webservice来实现更简练的Ajax

下一篇:Jquery获取当前城市的天气信息(jquery获取当前地址)

  • 税收的经济效应是指税收对纳税人生产
  • 出口企业的退税属不属于纳税总额
  • 房地产项目公司是什么意思
  • 其他收益里的政府补助免税吗
  • 汽车购买者
  • 法人独资企业怎么样
  • 12月工资1月发个税怎么算
  • 政府补贴的递延收益
  • 增值税零申报附加税怎么报
  • 发票代码有误什么意思
  • 季报申报之后还可以改吗?
  • 材料采购二级科目
  • 企业所得税汇算清缴退税分录
  • 股本与注册资本实收资本的区别
  • 工程收到奖励款怎么账务处理?
  • 个体工商户怎么注销
  • 监控系统计入开户费用吗
  • 去年漏记了收入,可以记今年吗
  • 企业发放员工工资
  • 企业亏损会影响利润吗
  • 补充医疗保险 个人账户可以报销吗
  • 餐饮管理公司设哪些科目
  • 软件研发购买的测试用的设备应该怎么做账?
  • 没有发票的管理费用汇算清缴的时候怎么调出来
  • 水电费差价收入计算增值税公式是怎样的?
  • 国家税务总局公告2012年第57号
  • 哪些项目可以不报建
  • 所得税的税负如何算
  • 土地使用权的原值和账面价值
  • 企业收到现金支票
  • 已付款后收到发货通知
  • 国税局代开发票是否可代地税局征收城市维?
  • 安装win7的步骤
  • 苹果macbook 系统
  • linux中cw
  • php

  • 来料加工业务的会计处理
  • php需要的软件
  • 锡特f8
  • 35.JavaScript对象和数组的解构赋值基础详解、let陷阱、函数参数解构
  • php访问sqlserver
  • dmsetup remove_all 会不会清掉数据
  • 汽车抵押贷款会上征信吗
  • 如何在国家税务局增值税纳税申报
  • 取得农产品免税发票如何账务处理
  • 本期应纳税额减征额怎么算
  • 固定资产的入账时间应该是什么时间
  • 资产负债表和利润表的区别
  • 开矿泉水发票怎么开?
  • 足浴店装修大概多少钱一平
  • 金税盘锁死341101
  • 小规模纳税人实行简易征收办法
  • 单位保险柜里都放些什么
  • 不合格品的处理方式一般包括哪些
  • 民间非盈利组织使用什么会计准则
  • 年末出现打一数字
  • 在途物资材料采购原材料的区别
  • 公司法人可以变更给老人吗
  • 流动比率和速动比率过高说明什么
  • 内帐与外帐的哪个更好
  • wrsvn.exe是什么文件
  • win10系统微软账号退不了怎么办
  • 如何使用搜狗拼音输入法
  • avserve2.exe是什么东东
  • win back什么意思
  • WINDOWS操作系统内置的GUEST
  • win10拦截在哪里关
  • 在Linux操作系统中哪些命令可以正确关闭系统防火墙
  • vlcplayer最新版
  • win10怎么把系统盘迁移到另一块盘
  • linux的命令行怎么打开
  • python生成二维码添加图片
  • 一些实用性较高的东西
  • javascript入门教程
  • 安卓手机画画触屏笔推荐
  • final exam是什么意思
  • javaweb开发技术有哪些
  • android studio如何用安卓手机模拟
  • 税务非正常户解除申请怎么写
  • 国家税务局总局河南官网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设