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 13 Javascript
javascript实现禁止复制网页内容
Dec 16 Javascript
JavaScript实现多种排序算法
Feb 24 Javascript
jQuery EasyUI 入门必看
Jun 03 Javascript
Javascript6中字符串的四个新用法分享
Sep 11 Javascript
Node.js查找当前目录下文件夹实例代码
Mar 07 Javascript
JavaScript requestAnimationFrame动画详解
Sep 14 Javascript
基于zTree树形菜单的使用实例
Dec 25 Javascript
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
Apr 22 Javascript
详解vue-cli3使用
Aug 14 Javascript
bootstrap table列和表头对不齐的解决方法
Jul 19 Javascript
vue.js购物车添加商品组件的方法
Sep 17 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
WAR3重制版DOTA 5V5初体验
2020/04/09 DOTA
PHP默认安装产生系统漏洞
2006/10/09 PHP
php中try catch捕获异常实例详解
2014/11/21 PHP
PHP设计模式之观察者模式定义与用法示例
2018/08/04 PHP
php输出反斜杠的实例方法
2019/09/19 PHP
Javascript实现动态菜单添加的实例代码
2013/07/05 Javascript
JS限制文本框只能输入数字和字母方法
2015/02/28 Javascript
Javascript URI 解析介绍
2015/03/15 Javascript
jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
2015/10/30 Javascript
js调出上下文菜单的实例
2015/12/17 Javascript
nodejs 搭建简易服务器的图文教程(推荐)
2017/07/18 NodeJs
基于node.js的fs核心模块读写文件操作(实例讲解)
2017/09/10 Javascript
JS运动改变单物体透明度的方法分析
2018/01/23 Javascript
vue 表单验证按钮事件交由父组件触发的方法
2018/12/17 Javascript
Node.js使用supervisor进行开发中调试的方法
2019/03/26 Javascript
[01:35:13]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第一场 1月18日
2021/03/11 DOTA
Python实现的石头剪子布代码分享
2014/08/22 Python
通过Python模块filecmp 对文件比较的实现方法
2018/06/29 Python
Python中按值来获取指定的键
2019/03/04 Python
手把手教你进行Python虚拟环境配置教程
2020/02/03 Python
Django Admin 上传文件到七牛云的示例代码
2020/06/20 Python
Python爬虫爬取有道实现翻译功能
2020/11/27 Python
python+playwright微软自动化工具的使用
2021/02/02 Python
如何用python爬取微博热搜数据并保存
2021/02/20 Python
python 制作本地应用搜索工具
2021/02/27 Python
CSS3的一个简单导航栏实现
2015/08/03 HTML / CSS
英国最好的温室之家:Greenhouses Direct
2019/07/13 全球购物
德国家具折扣店:POCO
2020/02/28 全球购物
关于赌博的检讨书
2014/01/24 职场文书
森林防火工作方案
2014/02/14 职场文书
给老师的一封建议书
2014/03/13 职场文书
小学开学典礼主持词
2014/03/19 职场文书
毕业生如何写自荐信
2014/03/26 职场文书
简单租房协议书(范本)
2014/10/13 职场文书
一次性工伤赔偿协议书范本
2014/11/25 职场文书
区域经理岗位职责
2015/02/02 职场文书