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 相关文章推荐
Prototype 学习 Prototype对象
Jul 12 Javascript
jQuery的remove()方法使用详解
Aug 11 Javascript
jquery性能优化高级技巧
Aug 24 Javascript
javascript html实现网页版日历代码
Mar 08 Javascript
AngularJS 简单应用实例
Jul 28 Javascript
EasyUI折叠表格层次显示detailview详解及实例
Dec 28 Javascript
完美实现js焦点轮播效果(二)(图片可滚动)
Mar 07 Javascript
浅谈Node异步编程的机制
Oct 18 Javascript
JS基于for语句编写的九九乘法表示例
Jan 04 Javascript
security.js实现的RSA加密功能示例
Jun 06 Javascript
vue 强制组件重新渲染(重置)的两种方案
Oct 29 Javascript
微信小程序实现音乐播放器
Nov 20 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 需要掌握的东西 不做浮躁的人
2009/12/28 PHP
简单的php文件上传(实例)
2013/10/27 PHP
PHP查看SSL证书信息的方法
2016/09/22 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
laravel-admin 后台表格筛选设置默认的查询日期方法
2019/10/03 PHP
Javascript 继承机制的实现
2009/08/12 Javascript
JavaScript 全角转半角部分
2009/10/28 Javascript
JavaScript 解析Json字符串的性能比较分析代码
2009/12/16 Javascript
jquery dialog键盘事件代码
2010/08/01 Javascript
JSP跨iframe如何传递参数实现代码
2013/09/21 Javascript
JQuery中$.ajax()方法参数详解及应用
2013/12/12 Javascript
js 显示base64编码的二进制流网页图片
2014/04/04 Javascript
浅谈Jquery核心函数
2015/06/18 Javascript
Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)
2018/08/24 Javascript
vue将毫秒数转化为正常日期格式的实例
2018/09/16 Javascript
全面分析JavaScript 继承
2019/05/30 Javascript
jquery向后台提交数组的代码分析
2020/02/20 jQuery
python连接mysql调用存储过程示例
2014/03/05 Python
python anaconda 安装 环境变量 升级 以及特殊库安装的方法
2017/06/21 Python
详谈Python高阶函数与函数装饰器(推荐)
2017/09/30 Python
解决安装python库时windows error5 报错的问题
2018/10/21 Python
Python中asyncio模块的深入讲解
2019/06/10 Python
Python 动态导入对象,importlib.import_module()的使用方法
2019/08/28 Python
解决python 上传图片限制格式问题
2019/10/30 Python
python GUI库图形界面开发之PyQt5访问系统剪切板QClipboard类详细使用方法与实例
2020/02/27 Python
Python不支持 i ++ 语法的原因解析
2020/07/22 Python
CSS3中:nth-child和:nth-of-type的区别深入理解
2014/03/10 HTML / CSS
基于CSS3的animation属性实现微信拍一拍动画效果
2020/06/22 HTML / CSS
美国眼镜在线零售商:Dualens
2019/12/07 全球购物
定义一结构体数组表示分数,并求两个分数相加之和
2013/06/11 面试题
高三自我评价
2014/02/01 职场文书
劳动竞赛口号
2014/06/16 职场文书
2015年社区中秋节活动总结
2015/03/23 职场文书
党员证明模板
2015/06/19 职场文书
篮球拉拉队口号
2015/12/25 职场文书
vue3种table表格选项个数的控制方法
2022/04/14 Vue.js