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对象的函数
Dec 22 Javascript
js识别uc浏览器的代码
Nov 06 Javascript
JS组件中bootstrap multiselect两大组件较量
Jan 26 Javascript
javascript实现简易计算器的代码
May 31 Javascript
JavaScript检测原始值、引用值、属性
Jun 20 Javascript
微信小程序 网络API Websocket详解
Nov 09 Javascript
AngularJS页面传参的5种方式
Apr 01 Javascript
JS实现颜色的10进制转化成rgba格式的方法
Sep 04 Javascript
编写React组件项目实践分析
Mar 04 Javascript
基于vue展开收起动画的示例代码
Jul 05 Javascript
JavaScript获取某一天所在的星期
Sep 05 Javascript
详解Vue3中对VDOM的改进
Apr 23 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
关于手调机和数调机的选择
2021/03/02 无线电
批量修改RAR文件注释的php代码
2010/11/20 PHP
PHP文件上传原理简单分析
2011/05/29 PHP
php 转换字符串编码 iconv与mb_convert_encoding的区别说明
2011/11/10 PHP
PHP线程的内存回收问题
2016/07/08 PHP
PHP array_shift()用法实例分析
2019/01/07 PHP
Referer原理与图片防盗链实现方法详解
2019/07/03 PHP
AJAX架构之Dojo篇
2007/04/10 Javascript
Javascript 面试题随笔
2011/03/31 Javascript
Knockoutjs快速入门(经典)
2012/12/24 Javascript
js绑定事件this指向发生改变的问题解决方法
2013/04/23 Javascript
JavaScript字符串插入、删除、替换函数使用示例
2013/07/25 Javascript
JS+DIV+CSS排版布局实现美观的选项卡效果
2015/10/10 Javascript
confirm确认对话框的实现方法总结
2016/06/17 Javascript
node.js路径处理方法以及绝对路径详解
2021/03/04 Javascript
基于vue实现swipe轮播组件实例代码
2017/05/24 Javascript
JS实现简单抖动效果
2017/06/01 Javascript
你可能不知道的前端算法之文字避让(inMap)
2018/01/12 Javascript
react-router 路由切换动画的实现示例
2018/12/03 Javascript
基于Vue CSR的微前端实现方案实践
2020/05/27 Javascript
[00:35]2016完美“圣”典风云人物:冷冷宣传片
2016/12/08 DOTA
[46:59]完美世界DOTA2联赛PWL S2 GXR vs Ink 第二场 11.19
2020/11/20 DOTA
Python显示进度条的方法
2014/09/20 Python
node.js获取参数的常用方法(总结)
2017/05/29 Python
通过python+selenium3实现浏览器刷简书文章阅读量
2017/12/26 Python
Django 使用Ajax进行前后台交互的示例讲解
2018/05/28 Python
Python 中PyQt5 点击主窗口弹出另一个窗口的实现方法
2019/07/04 Python
在终端启动Python时报错的解决方案
2020/11/20 Python
CSS3制作圆角图片和椭圆形图片
2016/07/08 HTML / CSS
美国滑雪板和装备购物网站:Skis.com
2018/12/20 全球购物
货物运输服务质量承诺书
2014/05/29 职场文书
中英文求职信范文
2015/03/19 职场文书
管理失职检讨书
2015/05/05 职场文书
高中开学感言
2015/08/01 职场文书
使用这 6个Vue加载动画库来减少我们网站的跳出率
2021/05/18 Vue.js
Spring Boot 实现 WebSocket
2022/04/30 Java/Android