jQuery之选择器
2024-08-25 09:48:52
jQuery元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择和操作,而在 HTML DOM中,选择器可以对DOM元素组或单个DOM 节点进行操作。通俗点说,选择器的作用就是用来选择和操作元素的。
jQuery元素选择器:
jQuery 使用 CSS 选择器来选取 HTML 元素。
$("p") 选取 <p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取所有 id="demo" 的 <p> 元素。
jQuery属性选择器:
jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
jQuery CSS选择器:
jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。
隐藏所有包含有链接的段落:
$("p[a]").hide();
显示页面的第一个段落:
$("p:eq(0)").show();
隐藏所有当前可见的层元素:
$("div:visible").hide();
获取所有无序列表的列表项:
$("ul/li")
/* valid too: $("ul > li") */
取得name值为bar的输入字段的值:
$("input[@name=bar]").val();
所有处于选中状态的单选r按钮:
$("input[@type=radio][@checked]")
最新文章
- 纯html、css3、js的时钟
- Fundamentals of MVC
- C#中在AxWebBrowser控件注入JS脚本的方法
- IM即时通讯实现原理
- 机械键盘那些事[我用过的minila Filco cherry 3494 阿米洛87]
- LA 2678 Subsequence
- 解决IE5、IE6、IE7与W3C标准的冲突,使用(IE7.js IE8.js)兼容
- net Random 随机数重复的问题
- 能够兼容ViewPager的ScrollView
- 100、RESTful API
- Flex和Servlet结合上传文件
- Linux文本处理命令 -- awk
- 085 HBase的二级索引,以及phoenix的安装(需再做一次)
- 使用SpringBoot Admin监控SpringCloud微服务
- iis下的php环境的配置
- IHttpModule理解-知识补充
- jmeter------reponse报错”Unknown column &#39;XXXXX&#39; in &#39;where clause&#39;“
- LabVIEW中使用GPU进行高性能计算
- 关于微信js接口调用时,token效期问题
- .Net 项目代码风格规范
热门文章
- pad 横屏 cell不正常显示
- 高斯混合和EM算法
- Codeforces Round #335 (Div. 2) A. Magic Spheres 水题
- [Express] Level 5: Route file
- wampserver下打开phpMyAdmin出现403错误的问题解决方法
- JAVA正则表达式语法大全
- except ShortInputException,x中逗号
- Browser 與 Server 持續同步的作法介紹 (Polling, Comet, Long Polling, WebSocket)长连接
- (转)Asp.Net MVC中身份认证和授权
- opengl之vsh、fsh简易介绍+cocos2dx 3.0 shader 变灰