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


Posted in Javascript onSeptember 09, 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程序设计有所帮助。

Javascript 相关文章推荐
用ADODB.Stream转换
Jan 22 Javascript
JavaScript 事件系统
Jul 22 Javascript
javascript学习笔记(一) 在html中使用javascript
Jun 18 Javascript
JS获取图片lowsrc属性的方法
Apr 01 Javascript
jquery ajax双击div可直接修改div中的内容
Mar 04 Javascript
js添加绑定事件的方法
May 15 Javascript
jquery输入数字随机抽奖特效的简单实现代码
Jun 10 Javascript
封装的dialog插件 基于bootstrap模态对话框的简单扩展
Aug 10 Javascript
全面解析标签页的切换方式
Aug 21 Javascript
AngularJs定时器$interval 和 $timeout详解
May 25 Javascript
p5.js入门教程之键盘交互
Mar 19 Javascript
json 带斜杠时如何解析的实现
Aug 12 Javascript
js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码
Sep 09 #Javascript
js判断所有表单项不为空则提交表单的实现方法
Sep 09 #Javascript
jQuery简单创建节点的方法
Sep 09 #Javascript
javascript 四十条常用技巧大全
Sep 09 #Javascript
前端弹出对话框 js实现ajax交互
Sep 09 #Javascript
Boostrap基础教程之JavaScript插件篇
Sep 08 #Javascript
jQuery实现邮箱下拉列表自动补全功能
Sep 08 #Javascript
You might like
通过对php一些服务器端特性的配置加强php的安全
2006/10/09 PHP
phpMyAdmin下载、安装和使用入门教程
2007/05/31 PHP
window+nginx+php环境配置 附配置搭配说明
2010/12/29 PHP
php获取qq用户昵称和在线状态(实例分析)
2013/10/27 PHP
mysql查找删除重复数据并只保留一条实例详解
2016/09/24 PHP
PHP自定义函数判断是否为Get、Post及Ajax提交的方法
2017/07/27 PHP
Laravel中的Auth模块详解
2017/08/17 PHP
Jquery实现三层遍历删除功能代码
2013/04/23 Javascript
使用jQuery插件创建常规模态窗口登陆效果
2013/08/23 Javascript
jquery 淡入淡出效果的简单实现
2014/02/07 Javascript
JS实现3D图片旋转展示效果代码
2015/09/22 Javascript
AngularJs解决跨域问题案例详解(简单方法)
2016/05/19 Javascript
JS实现环形进度条(从0到100%)效果
2016/07/05 Javascript
JS日程管理插件FullCalendar简单实例
2017/02/07 Javascript
RequireJs的使用详解
2017/02/19 Javascript
jQuery实现新闻播报滚动及淡入淡出效果示例
2018/03/23 jQuery
小程序实现页面顶部选项卡效果
2018/11/06 Javascript
vue中的适配px2rem示例代码
2018/11/19 Javascript
vue响应式更新机制及不使用框架实现简单的数据双向绑定问题
2019/06/27 Javascript
js实现GIF图片的分解和合成
2019/10/24 Javascript
vue路由 遍历生成复数router-link的例子
2019/10/30 Javascript
使用Bootstrap做一个朝代历史表
2019/12/10 Javascript
Vue使用CDN引用项目组件,减少项目体积的步骤
2020/10/30 Javascript
[02:29]DOTA2英雄基础教程 陈
2013/12/17 DOTA
Python中DJANGO简单测试实例
2015/05/11 Python
关于Python中浮点数精度处理的技巧总结
2017/08/10 Python
Python3.6实现带有简单界面的有道翻译小程序
2019/04/16 Python
python定义类self用法实例解析
2020/01/22 Python
python pandas移动窗口函数rolling的用法
2020/02/29 Python
使用 Python 读取电子表格中的数据实例详解
2020/04/17 Python
python实现每天自动签到领积分的示例代码
2020/08/18 Python
CSS3 3D旋转rotate效果实例介绍
2016/05/03 HTML / CSS
超市业务员岗位职责
2013/12/05 职场文书
十佳大学生村官事迹
2014/01/09 职场文书
2015年事业单位工作总结
2015/04/27 职场文书
2016教师学习党章心得体会
2016/01/15 职场文书