编程 Javascript

jQuery查找节点方法完整实例

Posted in Javascript onSeptember 13, 2016

本文实例讲述了jQuery查找节点方法。分享给大家供大家参考，具体如下：

<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>

效果图如下：

jQuery查找节点方法完整实例

希望本文所述对大家jQuery程序设计有所帮助。

jQuery查找节点方法完整实例

- Author -

onestopweb

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

关于恒等于（===）和非恒等于（!==）

Aug 20 Javascript

jquery 回车事件实现代码

Aug 23 Javascript

EasyUI 中 MenuButton 的使用方法

Jul 14 Javascript

Jquery的Tabs内容轮换效果实现代码,几行搞定

Feb 12 Javascript

JavaScript如何禁止Backspace键

Dec 02 Javascript

javaScript知识点总结(必看篇)

Jun 10 Javascript

JS JSOP跨域请求实例详解

Jul 04 Javascript

Angular 页面跳转时传参问题

Aug 01 Javascript

用js简单提供增删改查接口

May 12 Javascript

用node.js写一个jenkins发版脚本

May 21 Javascript

layui框架与SSM前后台交互的方法

Sep 12 Javascript

JS+HTML实现自定义上传图片按钮并显示图片功能的方法分析

Feb 12 Javascript

jQuery表单对象属性过滤选择器实例详解

Sep 13 #Javascript

jQuery实现的放大镜效果示例

Sep 13 #Javascript

jQuery实现的简单拖拽功能示例

Sep 13 #Javascript

更靠谱的H5横竖屏检测方法（js代码）

Sep 13 #Javascript

jQuery实现的瀑布流加载效果示例

Sep 13 #Javascript

JS实现页面数据无限加载

Sep 13 #Javascript

jQuery实现可展开折叠的导航效果示例

Sep 12 #Javascript