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代码
Aug 22 Javascript
jquery实现滑动图片自己测试的例子
Nov 05 Javascript
js实现九宫格图片半透明渐显特效的方法
Feb 16 Javascript
javascript获取系统当前时间的方法
Nov 19 Javascript
分享jQuery封装好的一些常用操作
Jul 28 Javascript
canvas的神奇用法
Feb 03 Javascript
angular1配合gulp和bower的使用教程
Jan 19 Javascript
Vue2.5通过json文件读取数据的方法
Feb 27 Javascript
微信小程序手机号码验证功能的实例代码
Aug 28 Javascript
基于JavaScript实现每日签到打卡轨迹功能
Nov 29 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
Aug 20 Javascript
vue 解决computed修改data数据的问题
Nov 06 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
javaScript对象和属性的创建方法
2007/01/15 Javascript
Javascript中获取出错代码所在文件及行数的代码
2010/09/23 Javascript
javascript列表框操作函数集合汇总
2013/11/28 Javascript
jQuery产品间断向下滚动效果核心代码
2014/05/08 Javascript
Bootstrap每天必学之标签与徽章
2015/11/27 Javascript
jQuery时间插件jquery.clock.js用法实例(5个示例)
2016/01/14 Javascript
解决同一页面中两个iframe互相调用jquery,js函数的方法
2016/12/12 Javascript
vue组件编写之todolist组件实例详解
2018/01/22 Javascript
Vue 实现列表动态添加和删除的两种方法小结
2018/09/07 Javascript
webpack dll打包重复问题优化的解决
2018/10/10 Javascript
Element Table的row-class-name无效与动态高亮显示选中行背景色
2018/11/30 Javascript
详解js加减乘除精确计算
2019/03/19 Javascript
vue自定义指令directive的使用方法
2019/04/07 Javascript
微信小程序实现一个简单swiper代码实例
2019/12/30 Javascript
python 实现文件的递归拷贝实现代码
2012/08/02 Python
Python中bisect的用法
2014/09/23 Python
Python脚本实现DNSPod DNS动态解析域名
2015/02/14 Python
Python实现霍夫圆和椭圆变换代码详解
2018/01/12 Python
python实现的config文件读写功能示例
2019/09/24 Python
详解Django配置优化方法
2019/11/18 Python
python实现画循环圆
2019/11/23 Python
浅谈django框架集成swagger以及自定义参数问题
2020/07/07 Python
python 如何区分return和yield
2020/09/22 Python
python单例模式的应用场景实例讲解
2021/02/24 Python
纯CSS改变webkit内核浏览器的滚动条样式
2014/04/17 HTML / CSS
美国首屈一指的礼品篮供应商:GiftTree
2018/01/06 全球购物
Stuarts London美国/加拿大:世界领先的独立男装零售商之一
2019/03/18 全球购物
美国第二大连锁药店:Rite Aid
2019/04/03 全球购物
酒店开业庆典主持词
2014/03/21 职场文书
项目申报专员岗位职责
2014/07/09 职场文书
2014全年工作总结
2014/11/27 职场文书
逃课检讨书怎么写
2015/01/01 职场文书
绍兴鲁迅故居导游词
2015/02/09 职场文书
个人学习总结范文
2015/02/15 职场文书
音乐会主持人开场白
2015/05/28 职场文书
创业计划书之都市休闲农庄
2019/12/28 职场文书