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中用星号表示预录入内容的实现代码
Jan 08 Javascript
JS中动态添加事件(绑定事件)的代码
Jan 09 Javascript
如何让页面加载完成后执行js
Jun 26 Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
Jan 08 Javascript
基于javascript实现样式清新图片轮播特效
Mar 30 Javascript
JavaScript动态检验密码强度的实现方法
Nov 09 Javascript
原生JS实现几个常用DOM操作API实例
Jan 19 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
jQuery实现ajax回调函数带入参数的方法示例
Jun 26 jQuery
vue debug 二种方法
Sep 16 Javascript
JS学习笔记之数组去重实现方法小结
May 29 Javascript
微信小程序新闻网站详情页实例代码
Jan 10 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程序--记数器
2006/10/09 PHP
PHP之数组学习
2011/05/29 PHP
php使用sql数据库 获取字段问题介绍
2013/08/12 PHP
一个基于phpQuery的php通用采集类分享
2014/04/09 PHP
jQuery使用手册之 事件处理
2007/03/24 Javascript
Javascript 阻止javascript事件冒泡,获取控件ID值
2009/06/27 Javascript
jQuery ajax(复习)—Baidu ajax request分离版
2013/01/24 Javascript
Javascript浅谈之this
2013/12/17 Javascript
js点击出现悬浮窗效果不使用JQuery插件
2014/01/20 Javascript
遍历DOM对象内的元素属性示例代码
2014/02/08 Javascript
javascript动态向网页中添加表格实现代码
2014/02/19 Javascript
浅谈jquery中使用canvas的问题
2016/10/10 Javascript
Javascript数组循环遍历之forEach详解
2016/11/07 Javascript
jQuery实现的省市联动菜单功能示例【测试可用】
2017/01/13 Javascript
js中作用域的实例解析
2017/03/16 Javascript
JavaScript数组和对象的复制
2017/03/21 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
2017/09/13 Javascript
JS继承与闭包及JS实现继承的三种方式
2017/10/15 Javascript
详解NODEJS基于FFMPEG视频推流测试
2017/11/17 NodeJs
jQuery实现的两种简单弹窗效果示例
2018/04/18 jQuery
js代码规范之Eslint安装与配置详解
2018/09/08 Javascript
使用 js 简单的实现 bind、call 、aplly代码实例
2019/09/07 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
2020/07/20 Javascript
[01:02:07]Liquid vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python使用百度API上传文件到百度网盘代码分享
2014/11/08 Python
Python实现把xml或xsl转换为html格式
2015/04/08 Python
简要讲解Python编程中线程的创建与锁的使用
2016/02/28 Python
基于TensorBoard中graph模块图结构分析
2020/02/15 Python
python初步实现word2vec操作
2020/06/09 Python
Html5 APP中监听返回事件处理的方法示例
2018/03/15 HTML / CSS
在C中是否有模拟继承等面向对象程序设计特性的好方法
2012/05/22 面试题
委托公证书
2014/04/08 职场文书
灵山大佛导游词
2015/02/04 职场文书
大学生学年个人总结
2015/02/15 职场文书
解决Golang time.Parse和time.Format的时区问题
2021/04/29 Golang
Spring Boot 实现敏感词及特殊字符过滤处理
2021/06/29 Java/Android