`
easy0917
  • 浏览: 260346 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

Jquery节点获取

阅读更多
1、多条件选择器
$(p,div,input.abc) 选择所有p,div以及classname="abc"的input对象
2、层次选择器
$("ol li") 选择ol对象下所有的li对象(包括子对象以及子对象的子对象)
$("ol > li") 选择ol下直接的li对象、即子对象的子对象不会被选择

3、属性过滤器
$("div[id]") 选择有ID属性的DIV元素
$("div[name=test]")  选择name为test的div元素(效果可以做到与原生的getElementsByName效果)
$("div[name!=test]")  选择name不为test的div元素

4、表单对象选择器
$("#form1:enabled") 选择id为form1的表单内所有启用的
$("#form1:disabled") 选择id为form1的表单内所有禁用的
$("input:checked") 选择所有选中的元素(还可以是radio,checkbox)
$("select:selected") 选择所有选中的元色素

5、
next 获取同级节点的下一个节点 ,可使用过滤器、下同
nextAll 获取之后的所有同级元素
siblings 获取所有同级元素

6、过滤器
:first 选取第一个元素    $("span:first") 选择第一个span元素
:last 选取最后一个元素   同first
:not 选择不满足选择器条件的元素  $("input:not(.css)") 选择class属性不是css的input元素 
:even
:odd
选取索引是奇数、偶数的元素
$("input:even") 选择索引是奇数的input元素
:eq 、 :gt 、 :lt
选取索引等于(eq)大于(gt)小于(lt)的元素
$("input:gt(2)") 选择索引大于2的input元素





分享到:
评论

相关推荐

    jquery插入节点.

    另外,jQuery还提供了`.html()`, `.text()`, 和 `.val()` 方法来设置或获取元素的HTML内容、纯文本或表单输入值。这些方法在处理节点内容时非常有用,可以方便地更新页面上的信息。 总之,jQuery的节点插入功能极大...

    jQuery循环遍历子节点并获取值的方法

    本篇文章将详细讲解如何使用jQuery来循环遍历子节点并获取它们的值,这在处理复杂页面结构时尤其有用。 首先,我们来看一个简单的HTML示例,包含一个`<div>`元素,其中嵌套了多个`<ul>`列表和`<li>`列表项: ```...

    jQuery获取节点和子节点文本的方法

    获取节点纯文本: var text = $('#text_test').text() 这个会得到“test text techbrood co.”,也就是会把当前元素的所有节点(包含子节点)的文本读取出来。 如果只想获取主节点的文本,方法复杂点: var text =...

    jQuery步骤节点进度条代码

    `$('.step')`和`$('progress')`是jQuery选择器,用于获取HTML中的步骤节点和进度条元素。`.eq()`用于选取指定索引的元素,`.addClass()`和`.removeClass()`用来切换类名,`.val()`设置进度条的值。 总的来说,...

    jquery获取节点名称

    在本篇文章中,我们将深入探讨如何使用jQuery获取节点名称,以及jQuery对象与DOM对象之间的转换。 首先,jQuery的`get(index)`方法用于从jQuery对象集合中获取指定索引的DOM元素。例如,如果你有一个ID为`test`的...

    jQuery第4天知识点:jQuery节点操作、jQuery特殊属性操作、jQuery事件机制.zip

    一、jQuery节点操作 1. 选择器:jQuery提供了丰富的选择器,如ID选择器(#id)、类选择器(.class)、元素选择器(element)等,用于快速定位DOM元素。例如,`$("#myID")`将选取ID为"myID"的元素。 2. 获取和设置节点:`...

    jQuery 1.5 遍历xml节点属性

    总之,jQuery 1.5通过其强大的API简化了XML节点属性的遍历,使开发者能够更加专注于应用逻辑,而不是底层的DOM操作。通过结合"test.html"和"jquery-1.5.js",我们可以创建一个直观的实例来演示这一功能。

    jquery遍历节点树

    了解并熟练运用这些jQuery节点遍历方法,能够极大地提高开发效率,使代码更加简洁易读。在处理大型、复杂的DOM结构时,合理地遍历节点树显得尤为重要。 在提供的压缩包文件"3-11遍历节点树"中,可能包含了一个示例...

    jquery实现递归tr子节点

    本篇文章将深入探讨如何使用 jQuery 实现递归地获取表格 tr 子节点的方法。 首先,我们需要了解 HTML 中的 `<table>`、`<tr>` 和 `<td>` 标签。`<table>` 是表格的容器,`<tr>` 代表表格行,而 `<td>` 用于定义...

    jQuery获取单击节点对象的方法

    ### jQuery获取单击节点对象的方法 #### 知识点概述 本文重点讲解了如何使用jQuery来获取在用户单击时触发事件的DOM节点对象。在Web开发中,鼠标事件是一种常见的交互方式,jQuery作为流行的JavaScript库,提供了...

    jQuery获取DOM节点实例分析(2种方式)

    本文将深入探讨如何在jQuery中获取DOM节点,主要介绍两种方法。 **一、使用数组索引方式访问** 在jQuery中,当我们使用`$()`选择器选取DOM元素时,返回的是一个jQuery对象,它包含了被选中的所有元素。这个jQuery...

    jQuery动态添加节点循环流程图表代码

    1. **初始化流程图**:在页面加载时,使用jQuery选择器获取流程图容器,并根据预设数据生成初始的流程节点。 2. **监听用户交互**:设置事件监听器,如按钮的`click`事件,以便在用户触发添加新节点操作时执行相应的...

    jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法

    本文实例讲述了jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法。分享给大家供大家参考,具体如下: 1、实现代码: <!DOCTYPE html> <html> <head> <title>zTree实现基本树</...

    jQuery获取iframe的document对象的方法

    本文将详细探讨如何利用jQuery获取iframe的document对象,并进行DOM操作。 首先,我们来看下什么是iframe的document对象。在浏览器中,每个HTML页面都有一个相应的document对象,同样地,iframe作为HTML页面的一个...

    jQuery DOM节点操作源码

    在"jQuery DOM节点操作源码"中,我们可以深入理解jQuery是如何优雅地处理DOM(Document Object Model)节点的。以下是关于jQuery DOM操作的一些关键知识点: 1. **选择器**:jQuery 的核心功能之一就是强大的选择器...

    jQuery获取父元素节点、子元素节点及兄弟元素节点的方法

    本文实例讲述了jQuery获取父元素节点、子元素节点及兄弟元素节点的方法。分享给大家供大家参考,具体如下: 先来看这段html代码,整个取节点(父、子、兄弟等)的方法都是围绕这段代码来的: 条目一 第一项 ...

    jquery解析XML及获取XML节点名称的实现代码

    本文将详细讲解如何使用jQuery解析XML文档以及获取XML节点的名称。 首先,让我们了解XML(eXtensible Markup Language)。XML是一种标记语言,常用于存储和传输结构化数据。它通过标签来定义数据的结构,可以被各种...

    jQuery查找节点并获取节点属性的方法

    本篇内容主要集中在如何使用jQuery来查找DOM元素节点,并进一步获取这些节点的属性值。 首先,jQuery提供了多种方式来查找DOM元素。例如,可以使用选择器$(selector)来获取页面上匹配特定选择器的所有元素集合。...

Global site tag (gtag.js) - Google Analytics