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 相关文章推荐
ExtJS 入门
Oct 29 Javascript
VBS通过WMI监视注册表变动的代码
Oct 27 Javascript
js上传图片及预览功能实例分析
Apr 24 Javascript
jquery获取文档高度和窗口高度汇总
Jan 25 Javascript
AngularJS中一般函数参数传递用法分析
Nov 22 Javascript
纯js实现画一棵树的示例
Sep 05 Javascript
利用vue.js实现被选中状态的改变方法
Feb 08 Javascript
js实现动态改变radio状态的方法
Feb 28 Javascript
jquery 实现拖动文件上传加载进度条功能
Mar 18 jQuery
微信小程序中转义字符的处理方法
Mar 28 Javascript
vue开发中遇到的问题总结
Apr 07 Javascript
解读Vue组件注册方式
May 15 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
PHP学习之数组值的操作
2011/04/17 PHP
PHP生成数组再传给js的方法
2014/08/07 PHP
thinkPHP5.0框架独立配置与动态配置方法
2017/03/17 PHP
PHP简单实现遍历目录下特定文件的方法小结
2017/05/22 PHP
Yii 2.0中场景的使用教程
2017/06/02 PHP
PHP实现基于图的深度优先遍历输出1,2,3...n的全排列功能
2017/11/10 PHP
JS 控制CSS样式表
2009/08/20 Javascript
JQuery从头学起第三讲
2010/07/06 Javascript
javascript new fun的执行过程
2010/08/05 Javascript
基于jquery的模态div层弹出效果
2010/08/21 Javascript
jQuery的基本概念与高级编程
2015/05/14 Javascript
JS阻止事件冒泡行为和闭包的方法
2016/06/16 Javascript
nodejs创建简易web服务器与文件读写的实例
2017/09/07 NodeJs
JS高阶函数原理与用法实例分析
2019/01/15 Javascript
工作中常用js功能汇总
2020/11/07 Javascript
[02:20]DOTA2中文配音宣传片
2013/05/22 DOTA
[02:05]DOTA2完美大师赛趣味视频之看我表演
2017/11/18 DOTA
[02:02]2018DOTA2亚洲邀请赛Mineski赛前采访
2018/04/04 DOTA
Python struct模块解析
2014/06/12 Python
Python简单操作sqlite3的方法示例
2017/03/22 Python
Python+matplotlib绘制不同大小和颜色散点图实例
2018/01/19 Python
Pandas读取并修改excel的示例代码
2019/02/17 Python
分析经典Python开发工程师面试题
2019/04/08 Python
Opencv实现抠图背景图替换功能
2019/05/21 Python
python代码实现TSNE降维数据可视化教程
2020/02/28 Python
世界上最好的旅行夹克:BauBax
2018/12/23 全球购物
澳大利亚商务邀请函
2014/01/17 职场文书
教师开学感言
2014/02/14 职场文书
捐赠仪式主持词
2014/03/19 职场文书
出国留学计划书
2014/04/27 职场文书
敬老月活动总结
2014/08/28 职场文书
2014年心理健康教育工作总结
2014/12/06 职场文书
银行实习推荐信
2015/03/27 职场文书
2015年七夕情人节活动方案
2015/05/06 职场文书
2015年汽车销售员工作总结
2015/07/24 职场文书
python+opencv实现视频抽帧示例代码
2021/06/11 Python