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二级、多级联动的简单实例
Feb 18 Javascript
JavaScript定时器和优化的取消定时器方法
Jul 03 Javascript
jquery.multiselect多选下拉框实现代码
Nov 11 Javascript
AngularJs验证重复密码的方法(两种)
Nov 25 Javascript
Vue实现路由跳转和嵌套
Jun 20 Javascript
ES6正则表达式扩展笔记
Jul 25 Javascript
浅谈node的事件机制
Oct 09 Javascript
Vue.js 2.x之组件的定义和注册图文详解
Jun 19 Javascript
js验证身份证号码记录的方法
Apr 26 Javascript
JS定义函数的几种常用方法小结
May 23 Javascript
js图数据结构处理 迪杰斯特拉算法代码实例
Sep 11 Javascript
JavaScript如何实现防止重复的网络请求的示例
Jan 28 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调用三种数据库的方法(2)
2006/10/09 PHP
php面向对象全攻略 (十一)__toString()用法 克隆对象 __call处理调用错误
2009/09/30 PHP
php上传图片客户端和服务器端实现方法
2015/03/30 PHP
如何使用PHP Embed SAPI实现Opcodes查看器
2015/11/10 PHP
yii实现model添加默认值的方法(2种方法)
2016/01/06 PHP
js导出格式化的excel 实例方法
2013/07/17 Javascript
详解Javacript和AngularJS中的Promises
2016/02/09 Javascript
基于RequireJS和JQuery的模块化编程——常见问题全面解析
2016/04/14 Javascript
在Html中使用Requirejs进行模块化开发实例详解
2016/04/15 Javascript
jQuery判断checkbox选中状态
2016/05/12 Javascript
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
2016/07/22 Javascript
微信小程序实现选项卡效果
2018/11/06 Javascript
vue-router源码之history类的浅析
2019/05/21 Javascript
微信小程序实现列表的横向滑动方式
2020/07/15 Javascript
python中bisect模块用法实例
2014/09/25 Python
Python实现的简单发送邮件脚本分享
2014/11/07 Python
Python列表list操作符实例分析【标准类型操作符、切片、连接字符、列表解析、重复操作等】
2017/07/24 Python
python之virtualenv的简单使用方法(必看篇)
2017/11/25 Python
理解python中生成器用法
2017/12/20 Python
Python cookbook(数据结构与算法)字典相关计算问题示例
2018/02/18 Python
scrapy-redis的安装部署步骤讲解
2019/02/27 Python
网易有道2017内推编程题 洗牌(python)
2019/06/19 Python
Window10下python3.7 安装与卸载教程图解
2019/09/30 Python
python 中值滤波,椒盐去噪,图片增强实例
2019/12/18 Python
python 读取更新中的log 或其它文本方式
2019/12/24 Python
python实现简单俄罗斯方块
2020/03/13 Python
在django项目中导出数据到excel文件并实现下载的功能
2020/03/13 Python
python字典与json转换的方法总结
2020/12/28 Python
Laravel的加密解密与哈希实例讲解
2021/03/24 PHP
激励员工的口号
2014/06/16 职场文书
通信工程求职信
2014/07/16 职场文书
学习朴航瑛老师爱岗敬业先进事迹思想汇报
2014/09/17 职场文书
颐和园导游词
2015/01/30 职场文书
2015年学校党支部工作总结
2015/04/01 职场文书
永不妥协观后感
2015/06/10 职场文书
MySQL深分页问题解决思路
2022/12/24 MySQL