【一些简单的jQuery选择器】

学习【js DOM 编程艺术】,最后面有许多jQuery的选择器,每个都动手敲了一遍。

jQuery 提供了高级选择器的方法。
js获取元素的三个基本方法分别是通过标签名,类名和id,即(getElementsByTagName, getElementsByClassName和getElementById)。那么jQuery是如何获取呢?
通过标签获取:$('tag')
通过类名获取:$('.className')
通过id获取:$('#id')除了上面个三个最基本最简单的,还有下面几个css选择器:
$('*')    选择所有元素
$('tagA tagB')    选择作为tagA后代的tagB元素
$('tagA, tagB, tagC')    选择所有tagA元素,tagB元素和tagC元素
$('tag#id')    选择ID为id的tag元素
$('tag.className')    选择类名为className的tag元素jQuery支持下列css2.1属性选择器:
$('tag[attr]')    选择所有带有attr属性的tag元素
$('tag[attr*=value]')    选择所有attr属性值中包含字符串value的tag元素$('tag[attr=value]')    选择所有attr属性值等于value的tag元素
$('tag[attr!=value]')    选择所有attr属性值不等于value的tag元素$('tag[attr^=value]')    选择所有attr属性值以value开头的tag元素
$('tag[attr$=value]')    选择所有attr属性值以value结尾的tag元素$('tag[attr~=value]')    选择所有attr属性值 为空格分割的多个字符串且其中一个字符串等于value 的tag元素
$('tag[attr|=value]')    选择所有attr属性值 为连字符分割的字符串切该字符串以value开头的tag元素子选择器,同辈选择器:
$('tagA > tagB')    选择作为tagA元素子元素的所有tagB元素
$('tagA + tagB')    选择紧邻tagA元素且位于其后的tagB元素
$('tagA ~ tagB')    选择作为tagA同辈元素且位于其后的所有tagB元素伪类,伪元素选择器:
$('tag:root')    选择作为文档根元素的tag元素
$('tag:nth-child(n)')    选择作为其父元素正数第n个元素的所有tag元素
$('tag:nth-last-child(n)')    选择作为其父元素倒数 第n个元素的所有tag元素
$('tag:nth-of-type(n)')    选择几个同辈tag元素中的正数第n个
$('tag:nth-last-f-type(n)')    选择几个同辈tag元素中的倒数第n个
$('tag:first-child')    选择作为其父元素第一个子元素的tag元素
$('tag:last-child')    选择作为其父元素第一个子元素的tag元素
$('tag:first-of-type')    选择作为同辈tag元素中的第一个
$('tag:last-of-type')    选择作为同辈tag元素中的最后一个
$('tag:only-child')    选择作为其父元素唯一子元素的tag元素
$('tag:only-of-type')    选择作为同辈元素中唯一一个标签为tag的元素
$('tag:empty')    选择所有没有子元素的tag元素
$('tag:enabled')    选择界面元素中所有已经启用的tag元素
$('tag:disabled')    选择界面元素中所有已经禁用的tag元素
$('tag:checked')    选择界面元素中所有已经被选中的tag元素(如:复选框,单选按钮)
$('tag:not(s)')    选择与选择器s不匹配的所有tag元素其他专有选择器:
$('tag:even')    选择匹配元素集 中偶数序号的元素(适合突出显示表格行)
$('tag:odd')    选择匹配元素集 中奇数序号的元素
$('tag:eq(0)'), $('tag: nth(0)')    选择匹配元素 集中的第一个元素,如页面的第一个段落
$('tag:gt(n)')    选择匹配元素集 中索引值大于n的所有元素
$('tag:lt(n)')    选择匹配元素集 中索引值小于n的所有元素
$('tag:first')    选择匹配元素集 中的第一个元素, 等价于eq(0)
$('tag:last')    选择匹配元素集 中的最后一个元素
$('tag:parent')    选择匹配元素集 中包含子元素(文本节点也算)的所有元素
$('tag:contains('test')')    选择匹配元素集 中包含指定文本的所有元素
$('tag:visible')    选择匹配元素集 中所有可见的元素(包括display属性为block和inline,visibility属性为visible以及type属性不是hidden的表单元素)
$('tag:hidden')    选择匹配元素集 中所有隐藏的元素(包括display属性为none, visibility属性为hidden以及type属性为hidden的表单元素)一些专门为表单设计的表达式,用于快速访问表单元素:
:input    选择表单中的所有元素
:text    选择所有文本字段
:password    选择所有密码字段
:radio    选择所有单选按钮
:checkbox    选择所有复选框
:submit    选择所有提交按钮
:image    选择所有表单图像
:reset    选择所有重置按钮
:button    选择所有其他按钮

 

转载于:https://www.cnblogs.com/libra-yong/p/6358034.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/456480.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

pymysql操作mysql数据库

一、pymysql操作mysql数据库 安装pymysql pip install pymysql 1.1 pymysql操作数据库的五行拳 连接数据库 使用Connect方法连接数据库 pymysql.Connections.Connection(hostNone, userNone, password, databaseNone, port0, charset) 参数说明:host – 数据库服务…

SecureCRT常用的使用技巧

文章目录前言:1、SecureCRT 超时自动断开连接的解决办法2、SecureCRT连接Linux时,终端显示乱码的问题。3、SecureCRT使用自动记录日志功能4、使用SecureCRT从Windows上传文件到Linux5、SecureCRT配色推荐和永久设置前言: 由于工作需要&#…

解决:(1062, Duplicate entry '2019-08-30' for key 'rdate')

解决(1062, "Duplicate entry 2019-08-30 for key rdate") 显然这个问题是因为插入重复主键导致从库不工作了,更改库的唯一限制: unique 为normal 或者删除unique ALTER TABLE 表明 DROP INDEX 字节名; 实例 CREATE TABLE good_booked (au…

人民币数字金额转大写金额

public class t {public static String Trans2RMB(String money) {int index money.indexOf(".");if (index < 0) {// 没有角分money money ".00";index money.indexOf(".");}if (money.substring(index, money.length()).length() < …

eventBus 与fragment

同一个eventbut是不可以注册两次的&#xff0c;所以我们会在ondestroy方法中进行unregister&#xff08;&#xff09; 但是在fragment中&#xff0c;最好把unregister&#xff08;&#xff09;方法写到 onDestroyView&#xff08;&#xff09;方法中而不是onDestrory&#xff0…

机器学习之线性代数总结

目录1、SVD是什么、表达式是什么及对应的数学含义&#xff1b;2、了解方阵、行列式的含义&#xff08;方阵即矩阵&#xff0c;行列式即矩阵的计算结果&#xff09;3、了解代数余子式的概念4、伴随矩阵的概念5、知道方阵的逆的公式、范德蒙行列式6、知道矩阵的乘法&#xff0c;掌…

Python操作MongoDB

一 安装 pymongo pip install pymongo3.4 ​ 导入 MongoClient from pymongo import MongoClient 二 连接MongoDB数据库 MongoDB端口号:27017 连接MongoDB我们需要使用PyMongo库里面的MongoClient&#xff0c;一般来说传入MongoDB的IP及端口即可&#xff0c;第一个参数为地…

各种插件

上下滚动抽奖效果, 移动端省级联动, 时间联动 , pc端省级联动 vue 支持各种方式上传 一个不太完善的拖拽排序 react 拖拽交换插件 各种小插件 压缩图片移动端 h5上传 h5分片上传 包括服务器 slideSuper 各种滑动效果 wow.js 转载于:https://www.cnblogs.com/dhsz/p/6377956.h…

MailBee.NET Objects发送电子邮件(SMTP)教程六:创建并发送带有附件的邮件

2019独角兽企业重金招聘Python工程师标准>>> MailBee.NET Objects是一款为创建、发送、接收以及处理电子邮件而设计的健壮、功能丰富的.NET控件。几行代码便可为应用程序添加E-Mail支持&#xff0c;简单高效。具备“必需”以及独特的功能&#xff0c;这些控件帮助开…

机器学习之凸优化原理推导及相关知识总结

文章目录目录1、了解凸集和仿射集的基本概念。2、知道几何体的向量表达。3、了解超平面和半空间的概念。4、了解分割超平面和支撑超平面的含义。5、知道jensen不等式。6、掌握知识&#xff1a;凸函数。7、掌握凸优化目录 1、了解凸集和仿射集的基本概念。 凸集&#xff1a;在…

jQuery BreakingNews 间歇滚动

BreakingNews 是一款基于jQuery的间歇滚动插件。它可以设置标题、标题颜色、标题背景颜色、链接颜色、字体大小、边框、宽度、自动滚动、间歇时间等等&#xff0c;同时它还好提供两种过度方式——淡入淡出&#xff08;fade&#xff09;和向上滑动&#xff08;slide&#xff09;…

机器学习之回归总结

目录1、了解线性回归2、了解似然函数3、了解交叉验证的原理4、梯度下降算法4.1、批量梯度下降算法&#xff08;Batch Gradient Descent&#xff0c;简称BGD&#xff09;&#xff1a;4.2、随机梯度下降算法&#xff08;SGD&#xff09;&#xff1a;4.3、折中&#xff1a; 5、了解…

html中的url、href、src的区别

url不是属性&#xff0c;src和href是属性&#xff0c;src用于替换当前元素&#xff0c;href用于在当前文档和引用资源之间确立联系&#xff0c;也就是说src引用的路径是img自己的路径&#xff0c;href引用的路径是要跳转到的地方。 URL&#xff1a;Uniform Resource Locators&…

SSIS 包部署错误 0xC0010014

SSIS 包部署错误 0xC0010014 Reinhard 在部署 SSIS 包时&#xff0c;提示如下错误。 由于错误 0xC0010014“发生了一个或多个错误。在此消息之前应有更为具体的错误消息&#xff0c;对这些错误进行详细说明。此消息用作遇到错误的函数的返回值。”&#xff0c;无法加载包。当 C…

Android性能优化-App后台优化

原文链接 Background Optimizations 前言 后台进程是内存和电池敏感的。一个隐式的broadcast可能会启动很多监听它的后台进程&#xff0c;即使这些进程可能做得工作不多。这可能丢设备性能和用户体验都有比较大的影响。 为了缓解这种问题&#xff0c;7.0&#xff08;API 24&…

机器学习之决策树与随机森林

目录1、了解熵、条件熵、互信息的概念及公式1.1、熵1.2、条件熵1.3、信息增益/互信息 2、了解决策树2.1、了解决策树的概念和特点以及和熵的关系2.2、了解树生成的过程2.3、了解决策树三种算法的区别2.4、了解决策树的损失函数2.5、了解解决决策树过拟合的方法2.6、了解后剪枝的…

JSON(JavaScript Object Notation) 格式

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 它使得人们很容易的进行阅读和编写。同时也方便了机器进行解析和生成。JSON采用完全独立于程序语言的文本格式&#xff0c;但是也使用了类C语言的习惯。 json是 JavaScript Object Notation 的首字母缩写&…

synchronized 的理解

第一种&#xff1a;package com.ucmed.zsyy.util;/*** Created by ucmed on 2017/2/8.*/public class DirtyRead {private String username "zjkj";private String password "123";public synchronized void setValue(String username, String password)…

机器学习之提升算法

1、知道提升、梯度提升是什么意思1.1、提升1.2、梯度提升1.3、了解提升算法的过程 2、残差与残差平方和&#xff08;residual sum of squares&#xff09;3、了解GBDT算法4、了解XGBoost算法5、了解Adaboost算法5.1、Adaboost算法的原理5.2、例子 6、偏差和方差 1、知道提升、梯…

Jsoup遍历ul li下的链接信息实例

2019独角兽企业重金招聘Python工程师标准>>> Document doc;try {String URL "www.baidu.com";doc Jsoup.connect(URL).get();Elements ElementsUl doc.getElementsByTag("ul");for (Element elementLi : ElementsUl) {Elements provinceEl …