jQuery查找标签基本选择器

最新推荐文章于 2024-03-18 04:00:16 发布

weixin_30544657

最新推荐文章于 2024-03-18 04:00:16 发布

阅读量186

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/gaota1996/p/10459708.html

版权

参考自：http://www.cnblogs.com/liwenzhou/p/8178806.html#autoid-1-2-0

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.2.1.min.js"></script>
</head>
<body>
<div id="name">姓名</div>
<div class="gender">性别</div>
<p class="pass">密码</p>
<a class="pass" href="">确认密码</a>
</body>
</html>

id选择器：

$("#id")

标签选择器：

$("tagName")

class选择器：

$(".className")

配合使用：

$("div.gender")  // 找到有gender class类的div标签

所有元素选择器：

$("*")

组合选择器：

$("#id, .className, tagName")  # 注意引号的位置

层级选择器：

x和y可以为任意选择器

$("x y");// x的所有后代y（子子孙孙）
$("x > y");// x的所有儿子y（儿子）
$("x + y")// 找到所有紧挨在x后面的y
$("x ~ y")// x之后所有的兄弟y

基本筛选器：

:first // 第一个
:last // 最后一个
:eq(index)// 索引等于index的那个元素
:even // 匹配所有索引值为偶数的元素，从 0 开始计数
:odd // 匹配所有索引值为奇数的元素，从 0 开始计数
:gt(index)// 匹配所有大于给定索引值的元素
:lt(index)// 匹配所有小于给定索引值的元素
:not(元素选择器)// 移除所有满足not条件的标签
:has(元素选择器)// 选取所有包含一个或多个标签在其内的标签(指的是从后代元素找)

转载于:https://www.cnblogs.com/gaota1996/p/10459708.html

weixin_30544657

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery查找标签基本选择器

参考自：http://www.cnblogs.com/liwenzhou/p/8178806.html#autoid-1-2-0<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&g...
复制链接

扫一扫