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 trim去空格的最佳实践
Oct 30 Javascript
JavaScript利用正则表达式去除日期中的-
Jun 09 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
Mar 05 Javascript
jQuery的extend方法【三种】
Dec 14 Javascript
解析JavaScript实现DDoS攻击原理与保护措施
Dec 26 Javascript
JavaScript表单验证的两种实现方法
Feb 11 Javascript
vue实现a标签点击高亮方法
Mar 17 Javascript
微信小程序项目实践之主页tab选项实现
Jul 18 Javascript
vue实现一个炫酷的日历组件
Oct 08 Javascript
Three.js实现简单3D房间布局
Dec 30 Javascript
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
Jan 02 Javascript
Vue文本模糊匹配功能如何实现
Jul 30 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+JS无限级可伸缩菜单详解(简单易懂)
2007/01/02 PHP
让你的PHP7更快之Hugepage用法分析
2016/05/31 PHP
PHP之图片上传类实例代码(加了缩略图)
2016/06/30 PHP
PHP合并数组的2种方法小结
2016/11/24 PHP
thinkPHP5.0框架自动加载机制分析
2017/03/18 PHP
Win10 下安装配置IIS + MySQL + nginx + php7.1.7
2017/08/04 PHP
Laravel框架中VerifyCsrfToken报错问题的解决
2017/08/30 PHP
Laravel框架基于ajax实现二级联动功能示例
2019/01/17 PHP
Laravel框架实现的使用smtp发送邮件功能示例
2019/03/12 PHP
PHP针对redis常用操作实例详解
2019/08/17 PHP
thinkphp5+layui实现的分页样式示例
2019/10/08 PHP
JavaScript 封装Ajax传递的数据代码
2009/06/05 Javascript
jquery 模拟雅虎首页的点击对话框效果
2010/04/11 Javascript
Js中的onblur和onfocus事件应用介绍
2013/08/27 Javascript
js opener的使用详解
2014/01/11 Javascript
JavaScript 实现鼠标拖动元素实例代码
2014/02/24 Javascript
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
2016/07/07 Javascript
Vuejs第十篇之vuejs父子组件通信
2016/09/06 Javascript
实现JavaScript高性能的数据存储
2016/12/11 Javascript
JS填写银行卡号每隔4位数字加一个空格
2016/12/19 Javascript
vue-router配合ElementUI实现导航的实例
2018/02/11 Javascript
JQuery选中select组件被选中的值方法
2018/03/08 jQuery
angular的输入和输出的使用方法
2018/09/22 Javascript
JS实现瀑布流效果
2020/03/07 Javascript
用Python实现协同过滤的教程
2015/04/08 Python
Python 读取图片文件为矩阵和保存矩阵为图片的方法
2018/04/27 Python
python实现小世界网络生成
2019/11/21 Python
Django创建一个后台的基本步骤记录
2020/10/02 Python
Python调用JavaScript代码的方法
2020/10/27 Python
PyTorch中的拷贝与就地操作详解
2020/12/09 Python
配置H5的滚动条样式的示例代码
2018/03/09 HTML / CSS
大学毕业通用个人的求职信
2013/12/08 职场文书
教师学习三严三实心得体会
2014/10/13 职场文书
学校师德师风整改措施
2014/10/27 职场文书
世界水日宣传活动总结
2015/02/09 职场文书
防震减灾主题班会
2015/08/14 职场文书