码迷,mamicode.com
首页 > Web开发 > 详细

jQuery查找标签基本选择器

时间:2019-03-02 10:52:46      阅读:1587      评论:0      收藏:0      [点我收藏+]

标签:.com   dex   参考   pass   索引   end   选择   tag   使用   

 

参考自: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(元素选择器)// 选取所有包含一个或多个标签在其内的标签(指的是从后代元素找)

技术图片






jQuery查找标签基本选择器

标签:.com   dex   参考   pass   索引   end   选择   tag   使用   

原文地址:https://www.cnblogs.com/gaota1996/p/10459708.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!