当前位置: 首页 > news >正文

利用jQuery选择将被操作的元素

1.       jQuery所支持的基本CSS选择器

选择器

描述

*

匹配任何元素

E

匹配标签名称为E的所有元素

E F

匹配标签名称为F、作为E的后代节点的所有元素

E>F

匹配标签名称为F、作为E的直接子节点的所有元素

E+F

匹配前面是临近兄弟节点E的所有元素FEF紧挨着)

E-F

匹配前面是任何兄弟节点E的所有元素FEF可以不紧挨着)

EhasF

匹配标签名称为E、至少有一个标签名称为F的后代节点的所有元素。

EC

匹配带有类名C的所有元素E。等效于(*.C

E#I

匹配id特性值为I的元素E

E[A]

匹配带有特性A的所有元素E(不管特性A的值是什么)

E[A=V]

匹配所有元素E,其特性A的值正好是V

E[A^=V]

匹配所有元素E,其特性A的值是以V开头

E[A$=V]

匹配所有元素E,其特性A的值是以V结尾

E[A*=V]

匹配所有元素E,其特性A的值包含V

 

2.       jQuery支持更高级的位置选择器:根据在DOM里的文章来选择元素

:first

页面的最先的匹配。Li  a:first 返回最先的、并且在列表(<li>)项下的链接

:last

页面的最先的匹配。Li  a:last 返回最后的、并且在列表

<li>)项下的链接

:first-child

最先的子元素。Lifrist-child 返回每个列表的最先的项

:last-child

最后的子元素。Lilast-child 返回每个列表的最后的项

:only-child

返回没有兄弟节点的所有元素

:nth-child(n)

n个子节点(n1开始)。Li:nth-child(2)返回每个列表的第二个<li>项。

:nth-child(even|odd)

奇数|偶数的子节点。Linth-childeven)返回每个序列的偶数子节点

:nth-child(Xn+y)

根据传入的公式计算的第n个子节点。如果y0,则忽略yn0开始,且X不等于0.  linth-child3n)返回3的倍数的项,而li:nth-child(5n+1)返回5的倍数的项的下一项。

:even :odd

页面范围内偶数或奇数的匹配元素。Lieven返回全部偶数<li>项。

:eq(n)

n个匹配元素(n0开始)

:gt(n)

n个匹配元素(不包括)之后的元素(n0开始)

:lt(n)

n个匹配元素(不包括)之前的元素(n0开始)

 

3.       jQuery 自定义的筛选选择器赋予标识目标元素的无穷力量

   

:animated

选择当前处于动态控制之下的元素。

:button

选择任何按钮(input[type=submit]input[type=reset]input[type=button]

:checkbox

只选择复选框元素(input[type=checkbox]

:checked

只选择已选中的复选框或单选按钮(为CSS所支持)

:contains(foo)

只选择包含文本foo的元素

:disabled

只选择界面上已经禁用的表单元素

:enabled

只选择界面上已启用的表单元素

:file

选择所有文件元素(input[type=file]

:header

只选择标题元素(<hn>,n代表数字16.比如:<h1>

:hidden

只选择隐藏的元素

:image

选择表单图像元素(input[type=image]

:input

只选择表单元素(<input><select><textarea><button>

:not(filter)

根据指定的筛选条件取反

:parent

选择有后代节点(包括文本)的元素,而排除空元素

:password

选择口令元素(input[type=password]

:radio

选择单选按钮(input[type= radio]

:reset

选择复位按钮(input[type= reset] button[type=reset]

:selected

选择已经选中的选项元素

:submit

选择提交按钮元素(input[type= submit] button[type= submit]

:text

选择文本字段元素(input[type=text])

:visible

选择可见元素

 

转载于:https://www.cnblogs.com/baoconghui/archive/2012/06/27/2566529.html

相关文章:

  • parted命令分区
  • 用python怎样实现接口测试
  • JSP语法1
  • iOS 画板 涂鸦 答题
  • poj 1475 Pushing Boxes
  • 初识 ActivityLifecycleCallbacks
  • Zim - 普通人的Org-mode
  • 带参数存储过程的小例子
  • NSLog输出对象
  • 需要Review的题目:
  • lame的ios 静态库创建shell
  • 浅谈设计模式在iOS开发实战项目中的应用
  • string的Equels问题小记
  • JS创建函数:函数声明和函数表达式
  • 快给你的app上锁吧(android数字解锁)
  • (三)从jvm层面了解线程的启动和停止
  • [译] 怎样写一个基础的编译器
  • 4. 路由到控制器 - Laravel从零开始教程
  • Facebook AccountKit 接入的坑点
  • Java 23种设计模式 之单例模式 7种实现方式
  • JavaScript/HTML5图表开发工具JavaScript Charts v3.19.6发布【附下载】
  • JavaScript函数式编程(一)
  • Java精华积累:初学者都应该搞懂的问题
  • jquery cookie
  • markdown编辑器简评
  • python学习笔记 - ThreadLocal
  • React-生命周期杂记
  • vue2.0一起在懵逼的海洋里越陷越深(四)
  • 力扣(LeetCode)56
  • 扫描识别控件Dynamic Web TWAIN v12.2发布,改进SSL证书
  • 学习笔记DL002:AI、机器学习、表示学习、深度学习,第一次大衰退
  • 用 vue 组件自定义 v-model, 实现一个 Tab 组件。
  • 鱼骨图 - 如何绘制?
  • CMake 入门1/5:基于阿里云 ECS搭建体验环境
  • gunicorn工作原理
  • 湖北分布式智能数据采集方法有哪些?
  • 浅谈sql中的in与not in,exists与not exists的区别
  • 智能情侣枕Pillow Talk,倾听彼此的心跳
  • #### go map 底层结构 ####
  • $(document).ready(function(){}), $().ready(function(){})和$(function(){})三者区别
  • $GOPATH/go.mod exists but should not goland
  • (function(){})()的分步解析
  • (附源码)计算机毕业设计ssm电影分享网站
  • (算法)求1到1亿间的质数或素数
  • (一)80c52学习之旅-起始篇
  • *2 echo、printf、mkdir命令的应用
  • .[hudsonL@cock.li].mkp勒索病毒数据怎么处理|数据解密恢复
  • .Net Remoting(分离服务程序实现) - Part.3
  • .NET大文件上传知识整理
  • @entity 不限字节长度的类型_一文读懂Redis常见对象类型的底层数据结构
  • @private @protected @public
  • [51nod1610]路径计数
  • [Ariticle] 厚黑之道 一 小狐狸听故事
  • [C++] new和delete
  • [c++] 什么是平凡类型,标准布局类型,POD类型,聚合体