jquery 之选择符
css:选择符
$('#selected-plays > li') 使用了子元素组合符,查找 ID 为 selected-plays 的元素的子元素( > )中所有的列表 li
$('#selected-plays li:not(.horizontal)') 取得 #selected-plays 的后代元素,没有 horizontal类( :not(.horizontal))添加 类 sub-level
属性选择符:通过HTML 元素的属性选择元素,例如,链接的 title 属性,图像 alt 属性,如选择带有 alt 属性的所有图像元素 $('img[alt]'),允许类似正则表达式的语法来标识字符串的开始( ^ )和结束 ( $ ),使用 ( * ) 表示任意位置,使用 叹号 ( ! ) 表示相反的值
$('a[href^=mailto:]') 表示选择所有带 href 属性 ( [href ) 且以 mailto:开头 ( ^=mailto:]) 的锚元素 a
$('a[href$=.pdf]') 表示选择所有 href 属性以 .pdf 结尾的链接
$('a[href*=henry][href!=mailto:henryiv@king.co.uk]') 表示查找 所有 a 中 的 href 属性中带有 henry 元素且 href不是 mailto:henryiv@king.co.uk 的元素
$(div.horizontal:eq(1)) 表示带有 horizontal 类的 div 集合中选择第二个项, javascript 数组采用从 o 开始编号方式,所以 eq(1) 表示选择第二个元素,但只有 $('div:nth-child(1)') 是从 1 开始编号的,jquery 只有这个元素是从 1 编号开始,所以此表示选择第一个 div 元素
:odd奇数 index, :even 偶数 index
$('tr:odd') $('tr:even') 如果这样用会有一个问题,就是如果同一页面有多个表格的话,就是按照连续的表格处理,即相当于把反面的表格也放到第一个表格中处理,为了避免这种情况,可用 $('tr:nth-child(odd)') 就是分别单独处理同一个页面的每个表格
$('td:contains(Henry)') 表示 td 中包含有 Henry 内容的元素,区分大小写
基本表单的选择
<input type="text" /> $(':text')
<input type="radio" /> $(':radio')
$(':checkbox') , $(':image')
$(':submit') , $(':reset'), $(':password'),
$(':checked'), $(':selected'), $(':enabled')
DOM 遍历法
连缀(少用)
$('td:contains(Henry)') // 包含 Henry 的单元格
.parent() // 取得其父元素
.find('td:eq(1)') // 在父元素中查找第二个元素
.addClass('highlight') // 为该元素添加 highlight 类
.end() // 恢复到包含 Henry 单元格的父元素
.find('td:eq(2)') // 在父元素中查找第三个元素
.addClass('highlight'); // 为该单元格添加 highlight
jquery 之选择符的更多相关文章
- jquery 获取选择符
1.工厂函数$() 标签名:$('p') 取得文档中的所有段落 ID:$('#some-id') 取得文档中具有对应的some-id ID的一个元素 类:$('.some-class') 取得文档中带 ...
- JQuery学习笔记【CSS选择符】--02
Jquery的程序入口: <html> <head> <title></title> <script type="text/javasc ...
- Web前端新人笔记之jquery选择符
jquery利用了CSS选择符的能力,让我们能够在DOM中快捷而轻松的获取元素或元素集合.本章将介绍以下内容: 1.网页中的元素结构: 2.如何通过CSS选择符在页面中查找元素: 3.扩展jquery ...
- JQuery选择符的理解与应用
JQuery强大的选择符可以让我们获得页面中任何元素进行操作,并且使用简单方便,可读性强.本章内容根据本人在开发中常用到的选择符作为例子来进行讲解,如有更多常用的简单的例子可回复提供,参与讨论,一起学 ...
- 30个你必须记住的CSS选择符
所以你学会了基础的id,类和后代选择符,然后你就一直用它们了吗?如果是这样,你丢失了(css的)巨大的灵活性.在本文中提到的很多选择器属于CSS3规范的一部分,因此,只有在现代浏览器中才可使用. 1. ...
- Jquery简介选择的
前言 Jquery一个js相框(程序代码相结合)这是一个程序开发过程中的半成品:分类似该框架EXTJS. 依赖库:jquery-XXX.js 语法:$() 正文 5择器 id选择器 $("# ...
- 整理CSS选择符
1.星号选择器 ;; } 星号选择器将匹配页面里的每一个元素.很多开发者使用这个技巧将外边距和内边距重置为零.虽然在快速测试时这确实很好用,但我建议你永远不要再生产代码中使用它.它给浏览器带来大量不必 ...
- [css选择器]总结:IE6不支持的CSS选择符
转载地址:https://www.wenjiwu.com/doc/zvsbii.html.此文最后也给出了原文地址,但是我点击过去发现是什么赌博彩票的地址,360也弹出小心的提示,所以这里只给出了我转 ...
- Javascript高级编程学习笔记(46)—— 选择符API
选择符API 在DOM1中DOM只提供了 getElementById.getElementsByTagName 两种获取文档元素的方法 很多时候这两种方法往往不能较为方便地获取我们所需要的元素 所以 ...
随机推荐
- oracle查看表锁及解锁
--kill session语句 1 alter system kill SESSION '2171,60490'; --以下几个为相关表 1 2 3 4 5 6 7 SELECT * FROM v$ ...
- ios 中的半屏幕底部弹出框
static UIView *modalView;if (modalView) { [modalView removeFromSuperview]; modalView = nil; return; ...
- myEclipse和eclipse修改或复制项目名称后-更新部署名称
一.myEclipse 复制后修改名称,访问不到项目 这是因为,你只是改了项目的名称,而没有改 下面是解决方法: 方法 1.右击你的项目,选择“properties”,在“type filter te ...
- 如何把select出来的一列数据放在第一个单元格
有如下表: STORE_ID | CUSTOMER_ID S001 | C001 S001 | C002 能不能把上表SELECT出来变成下面这种形式: ...
- 【转载】ABAP-如何读取内表的字段名称
原文地址:ABAP-如何读取内表的字段名称 *&---------------------------------------------------------------------* ...
- C# winform如何在textbox中判断输入的是字母还是数字?
1.用正规式using System.Text.RegularExpressions; string pattern = @"^\d+(\.\d)?$";if(Text1.Text ...
- Gamma校正及其OpenCV实现
參考:[1]http://www.cambridgeincolour.com/tutorials/gamma-correction.htm [2]http://en.wikipedia.org/wik ...
- Android中应用程序如何获得系统签名权限
有些库的使用条件比较苛刻,要求同一签名的程序才可以获得访问权.此时即便是在AndroidManifest.xml中添加了相应的permission,依旧会得到没有xx访问权限的问题.比如android ...
- Java JDBC批处理插入数据操作(转)
在此笔记里,我们将看到我们如何可以使用像Statement和PreparedStatement JDBC API来批量在任何数据库中插入数据.此外,我们将努力探索一些场景,如在内存不足时正常运行,以及 ...
- JMeter使用记录1 -- JDBC測试
场景:使用jmeter对web应用和mysql数据库进行压力測试 JMeter是一款很强大的測试工具.能够用来測试web,数据库.从07年用过之后一直对它情有独钟,以下记录下在一个项目中对它的简单使用 ...