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 相关文章推荐
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
Aug 14 Javascript
JavaScript 学习笔记(十五)
Jan 28 Javascript
网站404页面3秒后跳到首页的实例代码
Aug 16 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
Mar 04 Javascript
jQuery scrollFix滚动定位插件
Apr 01 Javascript
JQuery中属性过滤选择器用法实例分析
May 18 Javascript
jQuery实现弹窗居中效果类似alert()
Feb 27 Javascript
浅析bootstrap原理及优缺点
Mar 19 Javascript
微信小程序日历组件calendar详解及实例
Jun 08 Javascript
如何实现双向绑定mvvm的原理实现
May 28 Javascript
vue实现记事本功能
Jun 26 Javascript
Postman内建变量常用方法实例解析
Jul 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运行出现Notice : Use of undefined constant 的完美解决方案分享
2012/03/05 PHP
解析php多线程下载远程多个文件
2013/06/25 PHP
解析zend Framework如何自动加载类
2013/06/28 PHP
php导入大量数据到mysql性能优化技巧
2014/12/29 PHP
PHP生成随机数的方法实例分析
2015/01/22 PHP
php中Snoopy类用法实例
2015/06/19 PHP
PHP用户管理中常用接口调用实例及解析(含源码)
2017/03/09 PHP
nicejforms——美化表单不用愁
2007/02/20 Javascript
JQuery EasyUI 对话框的使用方法
2010/10/24 Javascript
CSS3,HTML5和jQuery搜索框集锦
2014/12/02 Javascript
使用jquery组件qrcode生成二维码及应用指南
2015/02/22 Javascript
JS判断字符串字节数并截取长度的方法
2016/03/05 Javascript
Node.js开启Https的实践详解
2016/10/25 Javascript
详解axios在node.js中的post使用
2017/04/27 Javascript
vue excel上传预览和table内容下载到excel文件中
2019/12/10 Javascript
js实现经典贪吃蛇小游戏
2020/03/19 Javascript
关于JavaScript数组去重的一些理解汇总
2020/09/10 Javascript
解决vant的Toast组件时提示not defined的问题
2020/11/11 Javascript
vue-router定义元信息meta操作
2020/12/07 Vue.js
Python smallseg分词用法实例分析
2015/05/28 Python
Python 中 Meta Classes详解
2016/02/13 Python
更改Ubuntu默认python版本的两种方法python-&gt; Anaconda
2016/12/18 Python
Python装饰器(decorator)定义与用法详解
2018/02/09 Python
python3模拟实现xshell远程执行liunx命令的方法
2019/07/12 Python
python数值基础知识浅析
2019/11/19 Python
Python3与fastdfs分布式文件系统如何实现交互
2020/06/23 Python
Python虚拟环境virtualenv创建及使用过程图解
2020/12/08 Python
美国嘻哈首饰购物网站:Hip Hop Bling
2016/12/30 全球购物
美国牙科折扣计划:DentalPlans.com
2019/08/26 全球购物
运动会稿件100字
2014/02/21 职场文书
学生个人自我鉴定
2014/03/26 职场文书
区域销售主管岗位职责
2014/06/15 职场文书
迎新春趣味活动方案
2014/08/24 职场文书
学校运动会广播稿
2014/10/11 职场文书
债务纠纷委托书范本
2014/10/14 职场文书
总结Python连接CS2000的详细步骤
2021/06/23 Python