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安全错误 数据库的锁怎样保障安全 学生选课系统 数据库 国家网络安全基础知识题库 怎样在dna数据库找人 语音聊天软件开发多少费用 共建网络安全美好家园怎么做 电子软件开发部门 惠普服务器固件免费下载 网络安全法第十二条规定是啥 软件开发委托协议(个人) 金山新闻网络安全 吉林农信银行软件开发中心 网络安全 存在 问题 360云端服务器尺寸 什么是电子邮箱的服务器 高中网络技术知识提纲 华岩数据库安装 单招学校网络技术 老司机pvn服务器地址怎么填 移动硬盘怎么打开数据库 网络安全等同于电网安全 网络安全警察报名 舟山条码软件开发 服务器集群部署方案 数据库中的用户表和系统表 网络安全的特色与创新 网络技术在什么方面就业 网吧如何落实 网络安全法 万方数据库文献要付钱吗 数据库依赖 北京服务器搬家找哪家