`
a19905522
  • 浏览: 98671 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

JQ选择器-知识总结

    博客分类:
  • JS
阅读更多
【层级选择器】
(se1 se2): 匹配se1所有的后代元素
 
(parent>child): 仅仅匹配子元素,且只有一级;
 
(prev+next): 匹配所有跟在prev后面的元素,(是同辈关系,且在第一个元素后面)
 
(prev~sib):  匹配与它同辈的元素,(是同辈关系,不管在后面或在前面都匹配)
 
【简单过滤选择器】
first()或 :first 
last()或 :last
:not(selector)
:even
:odd
:eq(index)
:gt(index)
:lt(index)
:header
:animated
 
【内容过滤选择器】
:contains(text) 
:empty
:has(selector)
:parents
 
【可见性过滤选择器】
:hidden
:visible
 
【属性过滤选择器】
[attribute]
[attribute=value]
[attribute!=value]
[attribute^=value]
[attribute$=value]
[attribute*=value]
[selector1][selector2][selectorN]
 
【子元素过滤选择器】
:nth-child(eq|even|odd|index)
:first-child
:last-child
:only-child
 
【表单对象属性过滤选择器】
:enabled
:disabled
:checked       获取表单中所有被选中的元素
:selected      获取表单中所有被选中的option元素
 
【表单对象选择器语法】
:input
:text
:password
:radio
:checkbox
:submit
:imgage
:reset
:button
:file
 
 

 

分享到:
评论

相关推荐

    JQ 内容过滤选择器

    本文将深入探讨"JQ内容过滤选择器"这一关键知识点,它是jQuery选择器体系中的一个重要组成部分,用于从DOM树中筛选出符合特定条件的元素。 一、JQ内容过滤选择器概述 内容过滤选择器允许我们根据元素内部的文本或...

    jq树状导航-很好看

    1. **jQuery基础**:在理解jQuery树状导航之前,你需要知道jQuery的基本概念,如选择器(用于选取DOM元素)、DOM操作(添加、删除、修改元素)以及事件处理(监听和响应用户行为)。 2. **jQuery插件**:jQuery社区...

    基于jq-viewer的pc和移动端的图片缩放,托动、旋转等

    然后,通过jQuery选择器初始化jq-viewer: ```javascript $(document).ready(function() { $('#container img').viewer({ inline: true, // 内联模式 navbar: false, // 是否显示导航栏 toolbar: { // 工具栏...

    jq时间选择.zip

    总结起来,"jq时间选择.zip" 提供了一个基于jQuery的flatpickr日期时间选择插件实例,它可以帮助开发者在网页中创建美观且实用的日期时间选择器。通过研究这个压缩包,我们可以深入理解jQuery插件的开发和使用,以及...

    JavaScript仿京东城市地区选择器3级联动菜单,适用于电商购物网站。兼容主流浏览器

    下面将详细阐述这种选择器的工作原理、实现方法以及与JavaScript、ECMAScript和前端开发相关的知识点。 首先,JavaScript作为客户端脚本语言,是实现网页动态交互的核心。在这个案例中,JavaScript被用来监听用户在...

    JQ 删除节点

    - 如果需要清理特定的DOM元素,例如某个类名的元素,可以添加选择器,如:`$('.className').remove();` 2. **`detach()` 方法**: - `detach()` 方法与`remove()`类似,但它会保留所有数据和事件绑定。这意味着,...

    JQ学习笔记

    - **选择器**: JQuery提供了一种类似于CSS的选择器语法,使得查找和操作页面中的元素变得非常简单。例如: ```javascript $("#elementId") // 通过ID选择元素 $(".className") // 通过类名选择元素 $("div") // ...

    jq 隐藏table中的tr或td

    总结起来,隐藏table中的tr或td在jQuery中是通过选择器定位元素并调用`hide()`方法实现的。结合事件处理,如`mouseover`,可以实现动态的隐藏效果。理解jQuery的选择器和事件处理是掌握此类操作的关键。

    jQuery第1天:JQ基本介绍、使用步骤、jQuery对象与DOM对象(重点)、jQuery选择器

    本篇文章将深入探讨jQuery的基础知识,包括其基本介绍、使用步骤、jQuery对象与DOM对象的区别,以及jQuery的选择器。此外,我们还将讨论`mouseover`与`mouseenter`事件的区别、`index()`方法的用法以及如何区分...

    angularjs实现的省市区地址级联选择器

    总结,实现AngularJS的省市区地址级联选择器涉及了AngularJS的基本概念,如控制器、服务、指令以及双向数据绑定。通过与后台接口的交互,动态加载并更新各级别的地址选项,为用户提供流畅的地址选择体验。项目结构...

    js-jq-carousel

    在"js-jq-carousel"中,jQuery提供了一种简洁的方式来选择元素、绑定事件、执行复杂的DOM操作,以及创建平滑的动画效果。 **2. 轮播图原理** 轮播图的核心在于在固定的空间内展示多张图片或内容,并通过定时切换来...

    jQuery中的类名选择器(.class)用法简单示例

    标题与描述中提到的知识点主要集中在jQuery类名选择器的使用上,类名选择器是jQuery提供的功能强大的选择器之一,用于选取具有特定CSS类的元素。下面详细说明这些知识点。 ### jQuery类名选择器概念与原理 1. **...

    jq折叠式菜单

    1. **选择器**: - `$('#left dd.body')`:选择ID为`left`的元素下的所有类为`body`的`<dd>`子元素。 - `$('#left dt.head')`:选择ID为`left`的元素下的所有类为`head`的`<dt>`子元素。 - `$(this)`:表示当前被...

    JQ 最少代码实现全选和不全选

    这里的选择器应替换为你的子选框的CSS选择器,例如`input[type=checkbox]`。 三、jQuery实现全选和不全选的代码示例 假设我们有一个主选框`#selectAll`和多个子选框`class="childCheckbox"`,可以编写如下代码: `...

    jquery 日期选择

    在这个例子中,`$("#dateInput")`是jQuery选择器,选取ID为`dateInput`的输入元素,并调用`datepicker()`方法来初始化日期选择器。`dateFormat`参数定义了日期的显示格式,`showOtherMonths`和`selectOtherMonths`...

    JQ 计算器带操作记录

    jQuery的核心理念是“写得更少,做得更多”,它通过链式调用、选择器等特性极大地提高了开发效率。 在这个项目中,jQuery被用来处理用户的输入和计算逻辑。当用户点击数字或运算符按钮时,jQuery监听这些事件,并...

    JQ 优美的轮播图

    1. **选择器**:jQuery 提供了丰富的选择器,如 ID 选择器 (#id),类选择器 (.class),以及属性选择器等,用于快速选取页面上的元素。在轮播图中,我们可能需要选择包含所有图片的容器元素,或者控制按钮等。 2. **...

    JQ 模拟操作

    总结来说,“JQ模拟操作”可能涵盖选择器、DOM操作、动画、事件处理、Ajax和可能的开发工具的使用。通过学习和实践这些知识点,开发者能更有效地利用jQuery来构建交互性强、用户体验良好的Web应用。

    基于JQ动态的导航,导航

    总结来说,基于jQuery的动态导航涉及到以下几个关键知识点: 1. jQuery的选择器和方法,如`.click()`, `.show()`, `.hide()`, `.addClass()`, `.removeClass()`, `.animate()`, `.on()`, 和 `.resize()` 2. 动画...

Global site tag (gtag.js) - Google Analytics