jQuery查找节点方法完整实例


Posted in Javascript onSeptember 13, 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 相关文章推荐
教您去掉ie网页加载进度条的方法
Dec 09 Javascript
检测input每次的输入是否合法遇到汉字输入就有问题
May 23 Javascript
JavaScript高级程序设计(第3版)学习笔记3 js简单数据类型
Oct 11 Javascript
JQuery在页面中添加和除移DOM示例代码
Jun 24 Javascript
jquery特效 点击展示与隐藏全文
Dec 09 Javascript
浅谈JS封闭函数、闭包、内置对象
Jul 18 Javascript
JS 实现缓存算法的示例(FIFO/LRU)
Mar 20 Javascript
vue-cli项目中使用echarts图表实例
Oct 22 Javascript
js+html5 canvas实现ps钢笔抠图
Apr 28 Javascript
vue中监听返回键问题
Aug 28 Javascript
原生js中运算符及流程控制示例详解
Jan 05 Javascript
vue+echarts实现多条折线图
Mar 21 Vue.js
jQuery表单对象属性过滤选择器实例详解
Sep 13 #Javascript
jQuery实现的放大镜效果示例
Sep 13 #Javascript
jQuery实现的简单拖拽功能示例
Sep 13 #Javascript
更靠谱的H5横竖屏检测方法(js代码)
Sep 13 #Javascript
jQuery实现的瀑布流加载效果示例
Sep 13 #Javascript
JS实现页面数据无限加载
Sep 13 #Javascript
jQuery实现可展开折叠的导航效果示例
Sep 12 #Javascript
You might like
Laravel 简单实现Ajax滚动加载示例
2019/10/22 PHP
js下写一个事件队列操作函数
2010/07/19 Javascript
JavaScript中的几个关键概念的理解-原型链的构建
2011/05/12 Javascript
解析window.open的使用方法总结
2013/06/19 Javascript
使用jQuery重置(reset)表单的方法
2014/05/05 Javascript
纯javascript模仿微信打飞机小游戏
2015/08/20 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(一)
2016/05/17 Javascript
Javascript操作表单实例讲解(下)
2016/06/20 Javascript
Node.js查找当前目录下文件夹实例代码
2017/03/07 Javascript
nodejs读写json文件的简单方法(必看)
2017/03/09 NodeJs
vue脚手架vue-cli的学习使用教程
2017/06/06 Javascript
Vue.js数据绑定之data属性
2017/07/07 Javascript
react项目如何使用iconfont的方法步骤
2019/03/13 Javascript
轻松解决JavaScript定时器越走越快的问题
2019/05/13 Javascript
[45:46]2014 DOTA2国际邀请赛中国区预选赛5.21 HGT VS DT
2014/05/23 DOTA
[54:24]Optic vs TNC 2018国际邀请赛小组赛BO2 第二场
2018/08/18 DOTA
python启动办公软件进程(word、excel、ppt、以及wps的et、wps、wpp)
2009/04/09 Python
Python中字符编码简介、方法及使用建议
2015/01/08 Python
Python中逗号的三种作用实例分析
2015/06/08 Python
Python的Flask框架的简介和安装方法
2015/11/13 Python
详解python之配置日志的几种方式
2017/05/22 Python
python机器学习理论与实战(五)支持向量机
2018/01/19 Python
用tensorflow搭建CNN的方法
2018/03/05 Python
CSS3使用多列制作瀑布流
2016/05/10 HTML / CSS
HTML5实现的图片无限加载的瀑布流效果另带边框圆角阴影
2014/03/07 HTML / CSS
宝拉珍选澳大利亚官方购物网站:Paula’s Choice澳大利亚
2016/09/13 全球购物
Omio西班牙:全欧洲低价大巴、火车和航班搜索和比价
2017/02/11 全球购物
DOUGLAS波兰:在线销售香水和化妆品
2020/07/05 全球购物
如何理解transaction事务的概念
2015/05/27 面试题
新学期校长寄语
2014/01/18 职场文书
教师批评与自我批评发言稿
2014/10/15 职场文书
一般基层干部群众路线教育实践活动个人对照检查材料
2014/11/04 职场文书
2014年酒店工作总结与计划
2014/11/17 职场文书
2014年师德师风工作总结
2014/11/25 职场文书
vue 实现上传组件
2021/05/31 Vue.js
Java 超详细讲解hashCode方法
2022/04/07 Java/Android