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 相关文章推荐
保证JavaScript和Asp、Php等后端程序间传值编码统一
Apr 17 Javascript
Javascript异步编程的4种方法让你写出更出色的程序
Jan 17 Javascript
js中split函数的使用方法说明
Dec 26 Javascript
javascript实现简单的省市区三级联动
May 14 Javascript
用javascript实现自动输出网页文本
Jul 30 Javascript
为什么我们要做三份 Webpack 配置文件
Sep 18 Javascript
利用Three.js如何实现阴影效果实例代码
Sep 26 Javascript
vue多页面开发和打包正确处理方法
Apr 20 Javascript
如何以Angular的姿势打开Font-Awesome详解
Apr 22 Javascript
微信小程序的线程架构【推荐】
May 14 Javascript
vue全局使用axios的操作
Sep 08 Javascript
分享几个JavaScript运算符的使用技巧
Apr 24 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实现支持CURL字符串证书传输的方法
2019/03/23 PHP
jquery select操作的日期联动实现代码
2009/12/06 Javascript
深入理解JavaScript是如何实现继承的
2013/12/12 Javascript
调用jQuery滑出效果时闪烁的解决方法
2014/03/27 Javascript
模拟一个类似百度google的模糊搜索下拉列表
2014/04/15 Javascript
Jquery插件之Fancybox丰富的弹出层效果附源码下载
2015/12/02 Javascript
JS代码实现百度地图 画圆 删除标注
2016/10/12 Javascript
自己封装的一个简单的倒计时功能实例
2016/11/23 Javascript
JS判断微信扫码的方法
2017/08/07 Javascript
解决Vue.js由于延时显示了{{message}}引用界面的问题
2018/08/25 Javascript
JavaScript作用域链实例详解
2019/01/21 Javascript
javascript合并两个数组最简单的实现方法
2019/09/14 Javascript
react MPA 多页配置详解
2019/10/18 Javascript
原生js实现密码强度验证功能
2020/03/18 Javascript
vue 监听 Treeselect 选择项的改变操作
2020/08/31 Javascript
使用vue构建多页面应用的示例
2020/10/22 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
2020/11/04 Javascript
[52:03]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第三场 1月31日
2021/03/11 DOTA
Python内置数据类型详解
2014/08/18 Python
Python socket.error: [Errno 98] Address already in use的原因和解决方法
2014/08/25 Python
Mac下Supervisor进程监控管理工具的安装与配置
2014/12/16 Python
进一步理解Python中的函数编程
2015/04/13 Python
Python中type的构造函数参数含义说明
2015/06/21 Python
python验证码识别实例代码
2018/02/03 Python
不管你的Python报什么错,用这个模块就能正常运行
2018/09/14 Python
Python模块、包(Package)概念与用法分析
2019/05/31 Python
Python实现钉钉订阅消息功能
2020/01/14 Python
如何将anaconda安装配置的mmdetection环境离线拷贝到另一台电脑
2020/10/15 Python
简单说说tomcat的配置
2013/05/28 面试题
职业生涯规划书基本格式
2014/01/06 职场文书
“学雷锋活动月”总结
2014/03/09 职场文书
优秀公益广告词大全
2014/03/19 职场文书
陈胜吴广起义口号
2014/06/20 职场文书
甘南现象心得体会
2014/09/11 职场文书
试用期转正员工自我评价
2014/09/18 职场文书
法律服务所工作总结
2015/08/10 职场文书