JQuery选择器JQuery 事件
2024-08-27 07:29:22
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" 结尾的元素。
更多的选择器实例
语法 | 描述 |
---|---|
$(this) | 当前 HTML 元素 |
$("p") | 所有 <p> 元素 |
$("p.intro") | 所有 class="intro" 的 <p> 元素 |
$(".intro") | 所有 class="intro" 的元素 |
$("#intro") | id="intro" 的元素 |
$("ul li:first") | 每个 <ul> 的第一个 <li> 元素 |
$("[href$='.jpg']") | 所有带有以 ".jpg" 结尾的属性值的 href 属性 |
$("div#intro .head") | id="intro" 的 <div> 元素中的所有 class="head" 的元素 |
JQuery 事件
下面是 jQuery 中事件方法的一些例子:
Event 函数 | 绑定函数至 |
---|---|
$(document).ready(function) | 将函数绑定到文档的就绪事件(当文档完成加载时) |
$(selector).click(function) | 触发或将函数绑定到被选元素的点击事件 |
$(selector).dblclick(function) | 触发或将函数绑定到被选元素的双击事件 |
$(selector).focus(function) | 触发或将函数绑定到被选元素的获得焦点事件 |
$(selector).mouseover(function) | 触发或将函数绑定到被选元素的鼠标悬停事件 |
最新文章
- mongochef如何链接有权限的mongodb3.x数据库
- 【调试】路由器设置不了静态IP -- clwu
- selenium + python网页自动化测试环境搭建
- 错误 1 error C2065: “IDC_LISTBOX”: 未声明的标识符
- 卷积神经网络 cnnff.m程序 中的前向传播算法 数据 分步解析
- Redhat Linux内核升级全记录(转)
- 【Android基础】点击Back键退出应用程序
- 以Tomcat+Mysql为例,实现Docker多容器连接
- SQL Server2017还原数据库时指定mdf文件及日志文件的名称
- html(二)常见符号
- linux mysql 5.7.25 安裝
- Spring Boot 静态页面
- day10-高阶函数
- javaWeb的验证码编写
- ORACLE数据库表解锁record is locked by another user
- This is a bug I believe, and it took me 2-3 days to figure it out. Please do the following to get it working,
- Golang 序列化方式及对比
- PHP 预定义变量
- laravel 发送邮件
- Oracle EBS学习网站列表