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 相关文章推荐
通过身份证号得到出生日期和性别的js代码
Nov 23 Javascript
javaScript中push函数用法实例分析
Jun 08 Javascript
详细解读JavaScript的跨浏览器事件处理
Aug 12 Javascript
Javascript实现图片轮播效果(一)让图片跳动起来
Feb 17 Javascript
JS小数运算出现多为小数问题的解决方法
Jun 02 Javascript
Jq通过td获取同行其它列td的方法
Oct 05 Javascript
js仿搜狐视频记录片列表展示效果
May 30 Javascript
原JS实现banner图的常用功能
Jun 12 Javascript
JS中判断字符串存在和非空的方法
Sep 12 Javascript
Async/Await替代Promise的6个理由
Jun 15 Javascript
JavaScript获取某一天所在的星期
Sep 05 Javascript
js将URL网址转为16进制加密与解密函数
Mar 04 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
codeigniter集成ucenter1.6双向通信的解决办法
2014/06/12 PHP
ThinkPHP CURD方法之data方法详解
2014/06/18 PHP
PHP面向对象程序设计之接口用法
2014/08/20 PHP
php实现汉字验证码和算式验证码的方法
2015/03/07 PHP
轻松掌握php设计模式之访问者模式
2016/09/23 PHP
浅谈PHP的exec()函数无返回值排查方法(必看)
2017/03/31 PHP
PHP join()函数用法与实例讲解
2019/03/11 PHP
JS 容错处理代码, 屏蔽错误信息
2021/03/09 Javascript
Iframe thickbox2.0使用的方法
2009/03/05 Javascript
Javascript公共脚本库系列(一): 弹出层脚本
2011/02/24 Javascript
JS判断当前日期是否大于某个日期的实现代码
2012/09/02 Javascript
js将iframe中控件的值传到主页面控件中的实现方法
2013/03/11 Javascript
jquery批量控制form禁用的代码
2013/08/06 Javascript
WEB前端开发框架Bootstrap3 VS Foundation5
2016/05/16 Javascript
Javascript点击其他任意地方隐藏关闭DIV实例
2016/06/21 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
2016/09/14 Javascript
jQuery中ajax错误调试分析
2016/12/01 Javascript
用jQuery旋转插件jqueryrotate制作转盘抽奖
2017/02/10 Javascript
浅谈angular4 ng-content 中隐藏的内容
2017/08/18 Javascript
bootstrap时间控件daterangepicker使用方法及各种小bug修复
2017/10/25 Javascript
浅谈Vue.set实际上是什么
2019/10/17 Javascript
vue实现登录功能
2020/12/31 Vue.js
在Python中关于中文编码问题的处理建议
2015/04/08 Python
Python partial函数原理及用法解析
2019/12/11 Python
HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用
2013/01/30 HTML / CSS
手机配件第一品牌:ZAGG
2017/05/28 全球购物
世界上获奖最多的手机镜头:Olloclip
2018/03/03 全球购物
护理专业毕业生自我鉴定
2013/10/08 职场文书
医疗纠纷协议书
2014/04/16 职场文书
运动会加油稿100字
2014/09/19 职场文书
2015年度酒店客房部工作总结
2015/05/25 职场文书
甲午风云观后感
2015/06/02 职场文书
实践论读书笔记
2015/06/29 职场文书
2016年社区创先争优活动总结
2016/04/05 职场文书
Golang 实现 WebSockets 之创建 WebSockets
2022/04/24 Golang
MySQL新手入门进阶语句汇总
2022/09/23 MySQL