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动画对象支持加速、减速、缓入、缓出的实现代码
Sep 30 Javascript
javascript 获取模态窗口的滚动位置代码
Aug 06 Javascript
关于Jquery操作Cookie取值错误的解决方法
Aug 26 Javascript
jqeury-easyui-layout问题解决方法
Mar 24 Javascript
jQuery中选择器小问题(新人难免遇到)
Mar 31 Javascript
jquery实现类似EasyUI的页面布局可改变左右的宽度
Sep 12 Javascript
js实现温度计时间样式代码分享
Aug 21 Javascript
详细总结Javascript中的焦点管理
Sep 17 Javascript
JavaScript实现单例模式实例分享
Dec 22 Javascript
3分钟读懂移动端rem使用方法(推荐)
May 06 Javascript
es6中reduce的基本使用方法
Sep 10 Javascript
小程序如何获取多个formId实现详解
Sep 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防止跨域提交表单
2013/11/01 PHP
php目录操作实例代码
2014/02/21 PHP
Php连接及读取和写入mysql数据库的常用代码
2014/08/11 PHP
php将文本文件转换csv输出的方法
2014/12/31 PHP
简单谈谈favicon
2015/06/10 PHP
Zend Framework教程之Application和Bootstrap用法详解
2016/03/10 PHP
PHP简单实现无限级分类的方法
2016/05/13 PHP
CentOS7系统搭建LAMP及更新PHP版本操作详解
2020/03/26 PHP
js 单引号 传递方法
2009/06/22 Javascript
JavaScript中的style.display属性操作
2013/03/27 Javascript
JS去除右边逗号的简单方法
2013/07/03 Javascript
Javascript和HTML5利用canvas构建Web五子棋游戏实现算法
2013/07/17 Javascript
jquery做的一个简单的屏幕锁定提示框
2014/03/26 Javascript
Backbone.js的一些使用技巧
2015/07/01 Javascript
跨域请求的完美解决方法(JSONP, CORS)
2016/06/12 Javascript
JS实现二叉查找树的建立以及一些遍历方法实现
2017/04/17 Javascript
js实现分页功能
2017/05/24 Javascript
JQueryMiniUI按照时间进行查询的实现方法
2017/06/07 jQuery
vue实现的双向数据绑定操作示例
2018/12/04 Javascript
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
2019/04/04 jQuery
TypeScript开发Node.js程序的方法
2019/04/30 Javascript
监控Nodejs的性能实例代码
2019/07/02 NodeJs
vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
2020/08/31 Javascript
[06:21]完美世界亚洲区首席发行官竺琦TI3采访
2013/08/26 DOTA
python thread 并发且顺序运行示例
2009/04/09 Python
Django框架中处理URLconf中特定的URL的方法
2015/07/20 Python
Python解惑之整数比较详解
2017/04/24 Python
Python Flask 搭建微信小程序后台详解
2019/05/06 Python
python接口调用已训练好的caffe模型测试分类方法
2019/08/26 Python
Python实现把类当做字典来访问
2019/12/16 Python
Pytoch之torchvision.transforms图像变换实例
2019/12/30 Python
解决Django Haystack全文检索为空的问题
2020/05/19 Python
美国娱乐和流行文化商品店:FYE
2017/09/14 全球购物
世界顶级户外运动品牌折扣网站:LeftLane Sports
2019/06/12 全球购物
注册资产评估专业求职信
2014/07/16 职场文书
大国崛起观后感
2015/06/02 职场文书