jQuery中元素选择器和属性选择器怎么用
小编给大家分享一下jQuery中元素选择器和属性选择器怎么用,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
jQuery 选择器
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。
jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。
在 HTML DOM 术语中:选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。
jQuery 元素选择器
jQuery 使用 CSS 选择器来选取 HTML 元素。
$("p") 选取
元素。
$("p.intro") 选取所有 class="intro" 的
元素。
$("p#demo") 选取所有 id="demo" 的
元素。
jQuery 属性选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href="#"]") 选取所有带有 href 值等于 "#" 的元素。
$("[href!="#"]") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$=".jpg"]") 选取所有 href 值以 ".jpg" 结尾的元素。
jQuery CSS 选择器
jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。
This is a heading
This is a paragraph.
This is another paragraph.
注释:本实例中点击按钮(button)时,所有 p 元素的背景颜色将更改为红色。
更多选择器 语法及描述
$(this):当前 HTML 元素
$("p"):所有
元素
$("p.intro"):所有 class="intro" 的
元素
$(".intro"):所有 class="intro" 的元素
$("#intro"):id="intro" 的元素
$("ul li:first"):每个
- 的第一个
- 元素
$("[href$=".jpg"]"):所有带有以 ".jpg" 结尾的属性值的 href 属性
$("div#intro .head"):id="intro" 的元素中的所有 class="head" 的元素看完了这篇文章,相信你对"jQuery中元素选择器和属性选择器怎么用"有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!
元素 选择 属性 单个 更多 篇文章 内容 完了 实例 按钮 术语 注释 知识 红色 背景 节点 行业 表达式 语法 资讯 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 互联网科技公司新福利 蓬莱app定制软件开发哪家好 杭州西派网络技术有限公司 数据库触发应用程序 较好的英文社会科学数据库 抗疫主题网络安全大赛作文 双路cpu服务器玩大型游戏 重用软件开发分析记录表 git服务器怎么备份 软件开发云主机 河源数字软件开发维修电话 过家家互联网科技公司 宁波服务器机箱机柜加工 软件开发商务本可以吗 天津大学网络安全协会 c语言实现将数据传输到数据库 智掌云网络技术有限公司 河南警察学院网络安全中心主任 淘客软件开发价格 网络安全等级测评网站 河南正规软件开发检测中心 网络安全之个人信息安全图片 浙江外观检测软件开发 codm服务器最难打 数字证书下载软件开发 软件开发和设备技术员区别 vb 将图片存数据库中 下一代通信网络技术数据 数据库时间正则表达式 b端数据库如何搭建