1.自定义选择器
自定义选择器不能使用速度最快的原生态选择器了。因此尽量不要使用。
(1):even 结果集中其索引为偶数的元素(0,2,4....)
(2):odd 结果集中其索引为奇数的元素(1,3,5....)
[注意]经常使用$("tr:odd")或者$("tr:nth-child")实现table隔行，但是当页面中含有不只一个table时，前者往往会使后面table的隔行出现混乱，而后者是不存在此类问题的。并且nth-child是jQuery中唯一一个从1开始计数的选择器。
(3):eq(N) and :nth(N) 选择结果索引为 N 的元素
(4):gt(N) 选择结果集中索引大于 N 的元素
(5):lt(N) 选择结果集中索引小于 N 的元素
(6):first 选择结果集中的第一个元素
Demo一:选择结果集中第一个元素的方法
$('div:first')
$('div:nth(0)')
$('div:eq(0)')
Demo二: :first和:first-child的区别
$('table tr:first)是第一table的第一个tr
$('table tr:first-child')是每个table的第一个tr
使用first-child可以利用table的ID将需要处理的表格固定。例如以下例子：
<script type="text/javascript">
$(function(){
$('#table1 tr:first-child').addClass("divTitle");
$('table tr:first').addClass("divTitle");
})
</script>
</head>
<body>
<div class="divFrame">
<table id="table1">
<tr><td>name</td><td>title</td></tr>
<tr><td>1</td><td>"111"</td></tr>
<tr><td>2</td><td>"222"</td></tr>
</table>
<br>
<br>
<table id="table2">
<tr><td>namegggg</td><td>titleggggg</td></tr>
<tr><td>1</td><td>"111"</td></tr>
<tr><td>2</td><td>"222"</td></tr>
</table>
<br>
<br>
<button class="divBtn" id="button1" value="btn" text="btn"></button>
</div>
<div id="divTip" class="divTip"></div>
</body>
</html>
(7):last 选择结果集中的最后一个元素
(8):parent 在结果集中选择元素，它必须具有子元素（包括文本节点）（跟 :empty 相反）
(9):contains(’test’) 选择结果集中包含有指定文本的元素
(10):visible 选择所有可见（visible）的元素
分享到：
相关推荐
基于jQuery的H5移动端选择器是为适应移动设备特性和用户体验需求而设计的组件。这些组件通常包括日期选择器、级联选择器和自定义HTML选择器，它们能够提高移动应用的交互性和可操作性。 日期选择器是网页应用中常见...
在这个自定义月份选择插件中，我们可能会用到的选择器有id选择器(#id)、类选择器(.class)以及元素选择器(element)。 接下来，我们将创建HTML结构来显示月份选择器。通常，我们可以使用`<select>`元素来创建下拉列表...
本主题聚焦于使用jQuery构建一个自定义的日期选择器插件，这个插件允许用户以多种方式选择日期，以满足不同的界面需求和交互体验。 首先，我们需要了解日期选择器的基本原理。在网页应用中，日期选择器通常用于让...
在网页开发中，选择器（Select）是HTML中常见的元素，用于创建下拉列表供用户选择。然而，原生的HTML select元素样式通常比较单调，不符合现代网页设计的美观要求。"cool的JQuery自定义select"就是为了解决这个问题...
此外，理解CSS选择器和样式规则也是必不可少的，因为这将有助于自定义日历的外观。在实际应用中，可能还需要结合服务器端语言（如PHP、Python或Node.js）来处理数据存储和同步，以实现完整的日历功能。 总结来说，...
1. jQuery的选择器、属性操作（如`.attr()`）、事件处理（如`.click()`和`.change()`）、样式操作（如`.addClass()`和`.removeClass()`）。 2. HTML的radio和checkbox元素及其属性，如`name`属性用于分组radio按钮。...
**jQuery颜色选择器ColorPicker详解** 在Web开发中，用户界面的交互性和视觉效果往往对用户体验有着重要影响。其中，颜色选择器是一个常见的组件，它允许用户方便地选取颜色。`jQuery ColorPicker`是一个轻量级且...
本项目“jQuery自定义下拉框”是针对原生HTML下拉选择框（`<select>`元素）的一种美化和功能增强方案，旨在提供更优雅、用户友好的交互体验。下面将详细阐述其主要知识点。 1. **jQuery库的使用**：jQuery库通过...
在这个"jQuery自定义添加删除标签代码.zip"压缩包中，我们可以期待找到一个利用jQuery实现的标签系统，它允许用户动态地添加和删除标签。这个系统可能对于构建诸如博客、论坛或者任何需要用户输入标签的Web应用非常...
总结起来，"利用div+jquery自定义滚动条"涉及到的关键知识点包括：HTML的`div`元素，CSS的`overflow`属性，jQuery的选择器和方法，以及自定义滚动条的插件和CSS样式。通过学习和实践这些技术，你可以创建出与网站...
- jQuery的选择器：利用jQuery选择器如`$("#myTable")`选取特定的表格元素，然后进行操作。 2. **动态插入数据**： - `append()`方法：可以向表格的任何位置插入新的行`<tr>`或单元格`<td>`。例如，`$("tbody")....
在网页开发中，jQuery时间选择器是一个非常实用的工具，它允许用户通过点击来选取特定的小时和分钟，为表单输入提供了便利。这个“jQuery时间选择器点击选择小时分钟代码”很可能是一个实现这一功能的代码示例或者...
通过CSS选择器，我们可以精确地定位到下拉框元素并赋予它们个性化的样式。例如，我们可以使用`.select`类来选中所有的下拉框，并用`border-radius`属性来设置圆角，用`transition`属性添加平滑过渡效果。 接着，...
本项目“jquery周历选择器”利用jQuery的灵活性和易用性，构建了一个适用于混合应用程序（Hybrid App）的周历选择器组件。 1. **周历选择器设计**： - 周历选择器通常用于日程管理或时间规划应用，显示一周的日期...
DOM（Document Object Model）是HTML和XML文档的结构化表示，jQuery通过选择器定位到DOM元素，然后进行修改、添加或删除。在这个代码中，可能使用了`append()`和`remove()`方法来动态地添加和移除表单字段，而`...
《jQuery城市选择器详解》 在网页开发中，经常需要实现一种功能，即用户可以选择他们的所在省份和城市，这在注册、填写地址等场景中尤为常见。jQuery城市选择器就是解决这一需求的有效工具，它利用JavaScript和...
首先，我们要明白jQuery的核心是通过选择器选中DOM元素，然后对这些元素进行操作。在自定义滚动条样式时，我们需要借助特定的jQuery插件，如`Perfect Scrollbar`或`SimpleBar`。这些插件允许我们轻松地改变滚动条的...
【标题】"一个简单的jQuery时间选择器" 描述了如何使用jQuery库来创建一个用户友好的时间选择界面。在Web开发中，特别是涉及到用户输入时间的场景，如预订、会议安排等，拥有一个直观易用的时间选择器可以极大提升...
2. **自定义配置**：开发者可以通过设置参数调整日期选择器的样式、语言、日期格式等，使其符合项目需求。 3. **兼容性**：良好的浏览器兼容性，支持多种主流浏览器，如Chrome、Firefox、Safari、Edge和IE8+。 4. **...
《jQuery自定义图片标注插件详解》 在Web开发中，图片标注功能常常用于地图标记、产品细节展示、图像编辑等领域。jQuery作为一个轻量级、高性能的JavaScript库，提供了丰富的API来实现各种交互效果，包括图片标注。...