位置: 编程技术 - 正文

对jQuary选择器的全面总结(jquer选择器)

编辑:rootadmin

推荐整理分享对jQuary选择器的全面总结(jquer选择器),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquer选择器,jequery选择器,jquety选择器,选择器用jquery对象的什么方法,jqurey 选择器,jquety选择器,jquety选择器,jq中的选择器,内容如对您有帮助,希望把文章链接给更多的朋友!

jQuary基础选择器

$("div*")获取div下面的所有元素

$(".red,.green").html("怎么") // 需要注意的是要把两个选择前写在同一个引号内 (需要同时选择多个选择器的时候用)

$("ance desc") //ancestor祖先选择器 descendant子孙选择器

$(“parent > child”) //只包含子辈选择器 不包含孙辈选择器

$(“prev + next”) // "+"表示一种上下级的关系,prev元素最紧邻的下一个元素是next,选择器返回的并且只返回唯一的元素

$("p+label").css("background-color","red"); 给紧邻着的邻居加个背景颜色

$(“prev ~siblings”) //获取prev后面所有的相邻元素(相邻只包含同一个父级元素内的)

jQuary的过滤性选择器

:first $(“li:first”)获得一组相同标签中的第一个元素 是一个元素不是一个集合

:last 最后一个元素

:eq(index) 按照索引查找元素

$("li:eq(2)") 索引从零开始 获取li标签中的第三个元素

:contains(text) 按照内容查找元素

$(“li:contains('张三')”) 获取到内容包含张三的所有li元素 张三为什么必须加单引号呢?因为它是一个字符串,而不是一个变量,所以不加单或双引号的话是会报错的。

:has(slector) 按照元素获取

$("li:has('p')")获取了包含<p>元素的全部<li>元素

:hidden 获取全部不可见的元素,这些不可见的元素中包括type属性值为hidden的元素。$("li:hidden")获取li 下面所有display:none的元素或者是hidden的元素

:visible 获取的是全部可见的元素,只要不将元素的display属性值设置为“none”,都可以通过该选择器获取。

$("p:visible")获取可见的<p>元素

[attribute=value] 获取属性名等于属性值的元素

对jQuary选择器的全面总结(jquer选择器)

$("li[title='小超人']") 加了li是确定了范围如果不加li则选择的是全部的

[attribute!=value] 获取属性名不等于属性值的元素

[attribute*=value] 获取属性值中包含指定内容的全部元素

$("li[title*='新']")获取了属性值中包含“新”的li元素

:first-child 获取每个父元素中返回的首个子元素,它是一个集合,常用多个集合数据的选择处理。

$("li:first-child")获取了所有个<ul>父元素中的第一个<li>元素

:last-child 获取父元素总的最后一个子元素 常用多个集合数据的选择处理

表单选择器

:input 获取表单全部元素 返回全部的表单元素,不仅包括所有<input>标记的表单元素,而且还包括<textarea>、<select> 和

<button>标记的表单元素,它选择的表单元素是最广的

:text 获取表单中全部单行的文本输入框 对textarea不起作用

:password 获取表单中全部的密码输入文本框元素

:radio 获取表单中的全部单选按钮元素。

:checkbox 获取表单中的复选框元素。()

:submit 获取表单中的提交按钮元素。(一般一个表单中只有一个type属性是“submit”的按钮) 如果button没有定义会默认是

submit的提交按钮

:image 获取当“input元素的type属性是image时,这个元素就是一个图像域”这个类下的元素

:image 选择器只能获取<input>图像域,而不能获取<img>格式的图像元素

:button 选择器能获取且只能获取“type”属性值为“button”的<input>和<button>这两类普通按钮元素。

:checked 获取处于选中状态的全部元素。

:selected 只能获取<select>下拉列表框中全部处于选中状态的<option>选项元素。

以上这篇对jQuary选择器的全面总结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

jQuery模拟select实现下拉菜单功能 用jquery模拟一淘上面的搜索下拉的功能,利用css3做箭头的动画效果。JS代码:/**模拟搜索下拉select*默认调用方式:$(el).setSelect({*optionList:[],//这里是下拉

jquery通过name属性取值的简单实现方法 jquery通过name属性取值的简单实现方法alert($("input[name='inputTest']").val());alert($("input[type='text']").attr("id"));//这个是取id的值,方便记就写在这儿了$("input[name='

jQuery 限制输入字符串长度 我们后台做程序的时候,比如录入一篇文章,文章会有摘要,我们希望文章的字符长度是我们可以控制的,我们不希望它太长,比如限制只能输入个

标签: jquer选择器

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

上一篇:jQuery实现的可编辑表格完整实例

下一篇:jQuery模拟select实现下拉菜单功能

  • 公司购买车辆的好处
  • 原材料的采购成本包括运费吗
  • 增值税零税率是一种税收优惠政策
  • 烟叶税税率计算方法
  • 企业所得税必须计提吗?什么时候计提?
  • 发票入不了账怎么办
  • 非居民企业转让财产所得税
  • 产品报废怎么做账
  • 企业所得税工资薪金支出怎么填
  • 购入材料用于安装工程
  • 计提坏账准备的前提条件
  • 2018年出口总值
  • 汇算清缴补交所得税的账务处理
  • 关于城建税教育费附加地方教育附加的计算
  • 工会发票的纳税识别号
  • 免税的发票可以用来抵税吗
  • win7系统如何查看主板型号
  • 装修公司开专票要交几个点
  • mac截图如何保存到照片
  • win8.1怎么用
  • 在XP中,为什么"网络连接"图标消失?
  • 王者荣耀中廉颇是哪一个族的族长
  • DxDebugService.exe是什么进程 DxDebugService进程安全吗
  • 支付的费用没有发票能入费用科目吗
  • php中

  • 工程审计的目的包括哪些
  • ieview.exe 是什么
  • 系统win7旗舰版
  • 投资性房地产减值准备为什么不能转回
  • web前端综合案例开发离线作业1
  • 集团的资产
  • 应收票据贴现会计分录怎么做
  • 营改增前建筑工程需交哪些税种
  • idea连接sqlserver数据库教程
  • 单位收到社保补贴的钱做账
  • k8s kubelet
  • torch.nn.Conv3d
  • 视觉slam有多难
  • 赊购材料尚未支付的款项属于什么科目
  • 待抵扣进项税额和进项税额的区别
  • 企业会计准则规定了
  • 劳务分包的形式有哪些
  • php网站修改
  • mysql导出结果
  • 城市维护建设税,教育费附加,地方教育费附加
  • mysql "too many connections" 错误 之 mysql解决方法
  • sql 列转行
  • 政府会计制度下基建账
  • 为什么运输合肥料检测核辐射人会拿一个玻璃棒
  • 借银行存款贷预收账款是哪个凭证
  • 哪些合同不需要缴纳印花税的通知
  • 进项税额抵扣如何做账
  • 划转税务的非税收入包括
  • 不动产租赁属于什么税目
  • 以销定产会计怎么做账科目
  • 如何进行企业建账
  • 在sql server中触发器不具有什么类型
  • 数据库查询排名
  • 理解 成为 超越梗
  • windows2003服务不能开启
  • 怎么禁止p2p下载器
  • win7卸载系统软件
  • windows提示音神曲
  • Windows命令行复制粘贴命令
  • windows注销登录会怎样
  • winxp系统怎么设置开机密码
  • win10周年更新版是什么意思
  • mac系统怎么设置字体大小
  • win10预览版好吗
  • windows 10微软
  • win10更新中重启会怎么样
  • ugui scrollview
  • 批处理在windows中的典型应用
  • linux磁盘空间满了怎么办,硬盘空间还有很多
  • 有趣的单机游戏
  • unityugui
  • android获取网络数据
  • jquery多级联动下拉菜单
  • 安卓开发常见问题
  • 税务宣传标语2021
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设