`
aaagu1234
  • 浏览: 149170 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery查找节点 li

    博客分类：
  • html
jQueryXHTMLHTML 
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3-1</title>
<!--   引入jQuery -->
<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></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="选择你最喜欢的水果." >你最喜欢的水果是?</p>
<ul>
   <li title='苹果'>苹果</li>
   <li title='橘子'>橘子</li>
   <li title='菠萝'>菠萝</li>
</ul>
</body>
</html>
分享到：
| sqlserver 2005 到主机 的 TCP/IP 连接失 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery查找节点方法完整实例

    本文将深入探讨jQuery查找节点的方法，并通过一个完整的实例来展示这些方法的实际应用。 首先，jQuery提供了多种方法来查找DOM（文档对象模型）中的节点。以下是几个常用的节点查找方法： 1. **`$()`**：这是...

    JQuery查找DOM节点的方法

    本文实例讲述了JQuery查找DOM节点的方法。分享给大家供大家参考。具体分析如下： DOM操作是JQuery最常见的用法，下面我们来将JQuery的DOM操作逐个剖析下。先来最简单的查找节点操作。 为了能全面地讲解DOM操作，首先...

    jquery遍历节点树

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

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

    在现代Web开发中，jQuery是一个广泛使用且功能强大的JavaScript库，它简化了...总之，熟练运用jQuery查找DOM节点以及获取节点属性的方法，可以使开发人员在前端开发过程中更加游刃有余，实现更加丰富和动态的用户体验。

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

    在jQuery库中，操作DOM（文档对象模型）节点是非常常见的任务，其中包括插入、删除和选择节点等。在本文中，我们将深入探讨如何使用jQuery来插入兄弟节点，这将帮助你更好地理解和利用这个强大的JavaScript库来动态...

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

    首先，jQuery提供了多种方法来查找节点之间的关系： 1. **jQuery.parent(expr)**: 这个方法用于查找匹配指定表达式（expr）的直接父元素。如果不提供参数，它会返回所有直接父元素。 2. **jQuery.parents(expr)**:...

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

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

    jQuery查找和过滤_动力节点节点Java学院整理

    通常情况下选择器可以直接定位到我们想要的元素，但是，当我们拿到一个jQuery对象后，还可以以这个对象为基准，进行查找和过滤。 最常见的查找是在某个节点的所有子节点中查找，使用find()方法，它本身又接收一个...

    jQuery DOM节点的遍历方法小结

    如果我们使用`$("div").children()`，那么返回的jQuery对象中只包含`&lt;ul&gt;`元素，因为`&lt;li&gt;`是`&lt;ul&gt;`的子元素，而`&lt;ul&gt;`是`&lt;div&gt;`的子元素，所以`&lt;li&gt;`与`&lt;div&gt;`是祖辈关系，不在`children()`方法的查找范围内。...

    JQuery创建DOM节点的方法

    用JQuery选择器能够快捷而轻松地查找到文档中的某个特定的元素节点，然后可以用attr()方法来获取元素的各种属性的值。但真正的DOM操作并非这么简单。在DOM操作中，常常需要动态创建HTML内容，使文档在浏览器里的呈现...

    Jquery基础教程之DOM操作

    在DOM树中查找节点是基于节点的选择器来定位的，通过特定的选择器，我们可以轻松获取到对应的DOM元素。例如，可以使用类选择器、ID选择器、属性选择器等多种方式来查找节点。 ```javascript // 查找元素节点 var ...

    jQuery简单创建节点的方法

    `$li_1`是一个jQuery对象，包含了创建的元素节点、文本节点（"香蕉"）以及属性节点（title="香蕉"）。 同样，我们也可以创建另一个`&lt;li&gt;`元素： ```javascript var $li_2 = $("&lt;li title='雪梨'&gt;雪梨&lt;/li&gt;"); ``` ...

    jquery树.zip

    3. **遍历树形结构**：jQuery提供了`.each()`方法遍历树中的所有节点，进行各种操作，如添加、删除、查找等： ```javascript $('.tree li').each(function() { console.log($(this).text()); // 打印每个节点的...

    jquery获取子节点和父节点的示例代码

    在JavaScript的世界里，jQuery库提供了一系列简便的方法来操作DOM元素，包括获取子节点和父节点。这篇文章将聚焦于jQuery中如何获取子节点和父节点，这对于网页开发中的元素交互至关重要。 一、获取子节点 在...

    jQuery获取父元素及父节点的方法小结

    jquery获取父元素方法比较多，比如parent()，parents()，closest()这些都能帮你实现查找父元素或节点，下面我们来一一讲解： 先举个例子， &lt;li&gt;&lt;a&gt;jquery获取父节点&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a&gt;jquery获取父元素&lt;/a&gt;&lt;/li&gt; ...

Magicbox
Global site tag (gtag.js) - Google Analytics