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 相关文章推荐
javascript 变量作用域 代码分析
Jun 26 Javascript
ymPrompt的doHandler方法来实现获取子窗口返回值的方法
Jun 25 Javascript
zShowBox 图片放大展示jquery版 兼容性
Sep 24 Javascript
为什么要在引入的css或者js文件后面加参数的详细讲解
May 03 Javascript
jQuery中focus事件用法实例
Dec 26 Javascript
javascript中键盘事件用法实例分析
Jan 30 Javascript
ES6中如何使用Set和WeakSet
Mar 10 Javascript
Vue+SpringBoot开发V部落博客管理平台
Dec 27 Javascript
JS控制只能输入数字并且最多允许小数点两位
Nov 24 Javascript
微信小程序实现搜索功能
Mar 10 Javascript
基于JS实现table导出Excel并保留样式
May 19 Javascript
vue如何实现关闭对话框后刷新列表
Apr 08 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/12/30 PHP
解析如何修改phpmyadmin中的默认登陆超时时间
2013/06/25 PHP
全面解析PHP操作Memcache基本函数
2016/07/14 PHP
使用php自动备份数据库表的实现方法
2017/07/28 PHP
Extjs学习笔记之一 初识Extjs之MessageBox
2010/01/07 Javascript
jquery dialog键盘事件代码
2010/08/01 Javascript
Javascript 类、命名空间、代码组织代码
2011/07/31 Javascript
JavaScript创建一个欢迎cookie弹出窗实现代码
2013/03/15 Javascript
jquery 实现二级/三级/多级联动菜单的思路及代码
2013/04/08 Javascript
jquery实现submit提交表单
2015/02/03 Javascript
JS实现为表格动态添加标题的方法
2015/03/31 Javascript
jquery实现图片左右切换的方法
2015/05/07 Javascript
js行号显示的文本框实现效果(兼容多种浏览器 )
2015/10/23 Javascript
JS控制层作圆周运动的方法
2016/06/20 Javascript
H5手机端多文件上传预览插件
2017/04/21 Javascript
JS判断一个数是否是水仙花数
2017/06/11 Javascript
Vue.js分页组件实现:diVuePagination的使用详解
2018/01/10 Javascript
微信小程序如何实现点击图片放大功能
2020/01/21 Javascript
微信小程序利用for循环解决内容变更问题
2020/03/05 Javascript
jQuery实现鼠标滑动切换图片
2020/05/27 jQuery
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
2020/05/29 Javascript
机器学习10大经典算法详解
2017/12/07 Python
Django基础三之视图函数的使用方法
2019/07/18 Python
Mac 使用python3的matplot画图不显示的解决
2019/11/23 Python
详解anaconda安装步骤
2020/11/23 Python
装上这 14 个插件后,PyCharm 真的是无敌的存在
2021/01/11 Python
Python jieba库分词模式实例用法
2021/01/13 Python
HTML5 预加载让页面得以快速呈现
2013/08/13 HTML / CSS
StubHub西班牙:购买和出售全球活动门票
2017/06/05 全球购物
优秀毕业生事迹材料
2014/02/12 职场文书
工作收入住址证明
2014/10/28 职场文书
城南旧事读书笔记
2015/06/29 职场文书
公司行政管理制度范本
2015/08/05 职场文书
2019教师的学习计划
2019/06/25 职场文书
小学生节约用水倡议书
2019/08/12 职场文书
高考满分作文赏析(2篇)
2019/08/12 职场文书