jQuery查找节点并获取节点属性的方法
更新时间：2016年09月09日 09:01:51 作者：onestopweb
这篇文章主要介绍了jQuery查找节点并获取节点属性的方法,涉及jQuery简单获取节点及attr与text方法读取元素属性的相关技巧,需要的朋友可以参考下
本文实例讲述了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操作DOM节点方法总结》、《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
这篇文章主要介绍了jQuery中extend函数的实现原理详解,extend()函数用于jQuery插件的开发,本文主要分析它的实现原理,需要的朋友可以参考下2015-02-02
jquery.fileEveryWhere.js 一个跨浏览器的file显示插件
大牛ppk都说过，在从多表单控件中，上传文件控件的样式是最难以控制的。见文章Styling an input type="file"。本插件也多是参考此文2011-10-10
这篇文章主要介绍了基于jquery实现简单的手风琴特效，需要的朋友可以参考下2015-11-11
jquery1.10去除了.live()方法，新增了一个.on()方法来给元素绑定事件，下面有个不错的示例，大家可以参考下2014-03-03
JQuery中如何传递参数如click(),change()等具体实现
有个需求让两个select中option相互转换,这个作业就是给几个按钮添加click()事件接下来为大家介绍下如何在click(),change()传递参数2013-04-04
这篇文章主要介绍了jQuery支持添加事件的日历特效，推荐给大家，有需要的小伙伴可以参考下。2015-08-08
隐藏模态窗口技术是一种很好的解决方案，用于处理不是特有必要出现在网页上的界面元素，下面与大家分享下如何利用jQuery插件leanModal建立一个常规模态窗口2013-08-08
在第一讲中，已经对JQuery做了入门级的介绍，我相信看过的网友都应该知道怎么开始写一个简单的JQuery程序了。首先是需要引入一个JQuery包，其次是根据JQuery的语法写代码就可以了。2010-07-07
本篇文章介绍10款新鲜、有用的jQuery内容导航插件，肯定是免费的了，希望对你有帮助。2011-09-09
解决qrcode.js生成二维码时必须定义一个空div的问题
这篇文章主要介绍了解决qrcode.js生成二维码时必须定义一个空div的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-07-07
最新评论