`

JQ 查找节点

 
阅读更多
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
	var $para = $("p"); // 获取<p>节点
	var $li = $("ul li:eq(1)"); // 获取第二个<li>元素节点
	
	var p_txt = $para.attr("title"); // 输出<p>元素节点属性title
	var ul_txt =  $li.attr("title"); // 获取<ul>里的第二个<li>元素节点的属性title
	var li_txt =  $li.text(); // 输出第二个<li>元素节点的text
	
	alert(ul_txt);
	alert(li_txt);
	alert(p_txt);
});
//]]>
</script>
</head>
<body>
<p title="T选择你最喜欢的水果." >你最喜欢的水果是?</p>
<ul>
    <li title='T苹果'>苹果</li>
    <li title='T橘子'>橘子</li>
    <li title='T菠萝'>菠萝</li>
</ul>
</body>
</html>

 

效果图:

 

 

 

 

  • 大小: 44 KB
分享到:
评论

相关推荐

    使用JS实现JQ查找节点功能的一个demo

    首先,jQuery提供了多种查找节点的方法,如`$("#id")`用于根据ID查找,`$(".class")`用于根据类名查找,`$("tagname")`用于根据标签名查找,以及`$("selector").find("childSelector")`用于在已选元素集中查找子元素...

    jquery查找节点

    在jQuery库中,查找节点是Web开发中一个非常重要的功能,它使得JavaScript代码能更方便地操作DOM(文档对象模型)中的元素。jQuery提供了一系列高效且直观的方法来定位页面上的HTML元素,使得开发者能够轻松地对这些...

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

    本文实例讲述了jQuery查找节点并获取节点属性的方法。分享给大家供大家参考,具体如下: &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;&...

    jquery的父、子、兄弟节点查找,节点的子节点循环方法

    jQuery.parent(expr) //找父元素 jQuery.parents(expr) //找到所有祖先元素,不限于父元素 ...jQuery.prev() //查找上一个兄弟节点,不是所有的兄弟节点 jQuery.prevAll() //查找所有之前的兄弟节点 jQuery.next

    纯JS+JQ手写web树

    1. **DOM操作**:使用JS或jQuery操作HTML元素,创建、删除、查找和修改节点。这通常涉及到`createElement`、`appendChild`、`removeChild`等DOM API,以及jQuery的`$()`选择器、`.html()`、`.append()`等方法。 2. ...

    jq的源码分析

    Sizzle的性能优化体现在其对文档的遍历和匹配算法上,如使用快速查找表和分块查找。 2. **DOM操作**:jq提供了丰富的DOM操作方法,如`$(selector).append()`、`.html()`、`.attr()`等。这些方法内部通常会进行一...

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

    在jQuery中,我们可以使用`.children()`或`&gt;`(直接子元素选择器)来选取子节点,使用`.each()`进行循环,使用`.find()`来查找特定的子元素,最后使用`.attr()`获取或设置属性值。 下面的JS代码展示了如何实现这个...

    jquery遍历节点树

    4. **$(selector).find(selector)**: 这是jQuery中最强大的遍历方法之一,它可以查找匹配子选择器的所有后代节点,无论它们是直接子节点还是更深层的子节点。例如,如果要找到所有`&lt;div&gt;`下的所有`&lt;span&gt;`元素,可以...

    Jquery无刷新单页内容快速查找功能插件 可替代浏览器CTRL F.zip

    插件的工作原理通常是这样的:当用户输入关键词后,插件会遍历页面上的所有文本节点,对每个节点进行匹配检查。如果找到与关键词匹配的文本,它将高亮显示这些文本,并可能提供导航选项,让用户可以轻松跳转到下一个...

    二叉树 txt jq

    #### 2.4 查找节点 查找特定值的节点也是二叉树操作的一个重要方面。在提供的代码中,有一个`search`函数用于搜索给定值是否存在于二叉树中: ```c int search(tree t, int key) { if (t) { if (t-&gt;data == key) ...

    JQuery查找DOM节点的方法

    JQuery查找DOM节点的方法详细讲解了利用jQuery选择器来定位和操作HTML文档对象模型(DOM)中的节点,涵盖了查找元素节点和属性节点的技巧。 首先,要理解DOM的概念。DOM是文档对象模型的缩写,它是一种以树形结构...

    jQuery实现查找最近父节点的方法

    其中,查找最近父节点是经常需要用到的一个功能。在本篇文章中,我们将深入探讨如何使用jQuery实现这一功能,以及涉及的相关技巧。 首先,我们需要理解jQuery中的几个核心概念。DOM(Document Object Model)是HTML...

    jquery实现递归tr子节点

    至于 "FindChildNode" 这个文件名,它可能是包含代码示例或测试数据的文件,用于演示如何查找表格的子节点。在实际项目中,你可能需要根据这个文件的内容来调整上述代码,以适应具体的需求。 总的来说,理解 jQuery...

    JQ-树形菜单

    同时,jQuery的DOM遍历方法,如`.children()`、`.find()`等,帮助开发者查找和操作相关的子元素。 5. 动态加载与Ajax: 如果树形菜单的数据是动态获取的,例如从服务器端通过Ajax请求获取,jQuery的`$.ajax()`或`$...

    jq zTree js

    1. **节点操作**:添加、删除、移动、查找、刷新节点,以及节点的展开和折叠。 2. **多选模式**:支持单选、多选和全选,可以结合复选框实现复杂的选择逻辑。 3. **异步加载**:节点数据可以按需加载,提高页面加载...

    jquery查找父元素、子元素(个人经验总结)

    2. `parents()`:此方法返回所有祖先元素,直到文档根节点。它不包括当前元素本身。你可以通过提供一个选择器来限制返回的元素。例如,`$(this).parents('div')`将返回所有上层的`&lt;div&gt;`元素。 3. `parent()`:这个...

    JQ ztree树形菜单筛选插件.zip

    这种筛选机制可以配合输入框,根据用户输入的关键词即时过滤显示的节点,提高了查找效率。此外,还可以实现拖拽排序,让用户自由调整节点顺序,增强了互动性。 四、二次开发的便利性 "JQ ztree树形菜单筛选插件"的...

    jquery插入兄弟节点的操作方法

    `find()` 方法用于在匹配元素的后代中查找元素。例如,`$self.find('li:nth-child('+(srcIndex)+')')` 会找到`$self`下的第`srcIndex`个`li`元素。`find('li:first')`则会选择`$self`下的第一个`li`元素。此外,`:...

Global site tag (gtag.js) - Google Analytics