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天然的迭代器
Oct 29 Javascript
jQuery 鼠标经过(hover)事件的延时处理示例
Apr 14 Javascript
node.js使用require()函数加载模块
Nov 26 Javascript
Bootstrap Fileinput文件上传组件用法详解
May 10 Javascript
如何利用Promises编写更优雅的JavaScript代码
May 17 Javascript
jQuery插件ContextMenu自定义图标
Mar 15 Javascript
在百度搜索结果中去除掉一些网站的资料(通过js控制不让显示)
May 02 Javascript
微信小程序中进行地图导航功能的实现方法
Jun 29 Javascript
详解vue中axios的使用与封装
Mar 20 Javascript
详解Vue依赖收集引发的问题
Apr 22 Javascript
解决IOS端微信H5页面软键盘弹起后页面下方留白的问题
Jun 05 Javascript
微信小程序聊天功能的示例代码
Jan 13 Javascript
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/19 PHP
解析PHP中常见的mongodb查询操作
2013/06/20 PHP
PHP错误WARNING: SESSION_START() [FUNCTION.SESSION-START]解决方法
2014/05/04 PHP
彻底删除thinkphp3.1案例blog标签的方法
2014/12/05 PHP
ECSHOP在PHP5.5及高版本上报错的解决方法
2015/08/31 PHP
php 从一个数组中随机的取出若干个不同的数实例
2016/12/31 PHP
另一个javascript小测验(代码集合)
2011/07/27 Javascript
jQuery ajax 路由和过滤器使用说明
2011/08/02 Javascript
使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体
2013/01/15 Javascript
JS下拉框内容左右移动效果的具体实现
2013/07/10 Javascript
Javascript的setTimeout()使用闭包特性时需要注意的问题
2014/09/23 Javascript
JavaScript设计模式之适配器模式介绍
2014/12/28 Javascript
javascript中call,apply,bind的用法对比分析
2015/02/12 Javascript
使用Node.js配合Nginx实现高负载网络
2015/06/28 Javascript
js中的内部属性与delete操作符介绍
2015/08/10 Javascript
基于javascript实现随机颜色变化效果
2016/01/14 Javascript
JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别
2016/08/26 Javascript
基于jquery实现弹幕效果
2016/09/29 Javascript
微信小程序-详解数据缓存
2016/11/24 Javascript
Vue中computed和watch有哪些区别
2020/12/19 Vue.js
python:pandas合并csv文件的方法(图书数据集成)
2018/04/12 Python
Django后台获取前端post上传的文件方法
2018/05/28 Python
Python Threading 线程/互斥锁/死锁/GIL锁
2019/07/21 Python
python GUI库图形界面开发之PyQt5控件QTableWidget详细使用方法与属性
2020/02/25 Python
Python下载的11种姿势(小结)
2020/11/18 Python
加拿大当代时尚服饰、配饰和鞋类专业零售商和制造商:LE CHÂTEAU
2017/10/06 全球购物
医科大学生毕业的自我评价分享
2013/11/12 职场文书
文秘专业应届生求职信范文
2013/11/14 职场文书
员工年终演讲稿
2014/01/03 职场文书
招标承诺书
2014/08/30 职场文书
2015年幼儿园元旦游艺活动策划书
2014/12/09 职场文书
社会实践活动总结格式
2015/05/11 职场文书
初二英语教学反思
2016/02/15 职场文书
《乘法分配律》教学反思
2016/02/24 职场文书
java调用Restful接口的三种方法
2021/08/23 Java/Android
python实现对doc、txt、xls等文档的读写操作
2022/04/02 Python