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中的View-Model使用介绍
Aug 11 Javascript
页面只能打开一次Cooike如何实现
Dec 04 Javascript
Javascript 加载和执行-性能提高篇
Dec 28 Javascript
js返回上一页并刷新的多种实现方法
Feb 26 Javascript
JavaScript利用正则表达式去除日期中的-
Jun 09 Javascript
JavaScript sort数组排序方法和自我实现排序方法小结
Jun 06 Javascript
JS中判断null的方法分析
Nov 21 Javascript
jQuery使用EasyUi实现三级联动下拉框效果
Mar 08 Javascript
JavaScript简介_动力节点Java学院整理
Jun 26 Javascript
vue和react等项目中更简单的实现展开收起更多等效果示例
Feb 22 Javascript
vue.js通过路由实现经典的三栏布局实例代码
Jul 08 Javascript
分享5个顶级的JavaScript Ajax组件库
Sep 16 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
火影忍者:三大瞳力之一的白眼,为什么没有写轮眼那么出色?
2020/03/02 日漫
PHP数据缓存技术
2007/02/14 PHP
教你如何快捷的使用cmd访问mysql小技巧
2014/05/26 PHP
php的crc32函数使用时需要注意的问题(不然就是坑)
2015/04/21 PHP
Yii2.0中使用js异步删除示例
2017/03/10 PHP
JQuery Tips(3) 关于$()包装集内元素的改变
2009/12/14 Javascript
js实现一个链接打开两个链接地址的方法
2015/05/12 Javascript
使用AngularJS和PHP的Laravel实现单页评论的方法
2015/06/19 Javascript
jQuery Dialog对话框事件用法实例分析
2016/05/10 Javascript
JS传递对象数组为参数给后端,后端获取的实例代码
2016/06/28 Javascript
JS关闭窗口时产生的事件及用法示例
2016/08/20 Javascript
BootStrap便签页的简单应用
2017/01/06 Javascript
js实现短信发送倒计时功能(正则验证)
2017/02/10 Javascript
zTree实现节点修改的实时刷新功能
2017/03/20 Javascript
js学使用setTimeout实现轮循动画
2017/07/17 Javascript
将 vue 生成的 js 上传到七牛的实例
2017/07/28 Javascript
React Native 真机断点调试+跨域资源加载出错问题的解决方法
2018/01/18 Javascript
mpvue小程序循环动画开启暂停的实现方法
2019/05/15 Javascript
vue+element 实现商城主题开发的示例代码
2020/03/26 Javascript
[03:54]DOTA2英雄梦之声_第06期_昆卡
2014/06/23 DOTA
python装饰器decorator介绍
2014/11/21 Python
给Python中的MySQLdb模块添加超时功能的教程
2015/05/05 Python
python筛选出两个文件中重复行的方法
2018/05/31 Python
python pandas中对Series数据进行轴向连接的实例
2018/06/08 Python
python 反编译exe文件为py文件的实例代码
2019/06/27 Python
python plotly画柱状图代码实例
2019/12/13 Python
python 解决print数组/矩阵无法完整输出的问题
2020/02/19 Python
Python tkinter制作单机五子棋游戏
2020/09/14 Python
HTML5 canvas基本绘图之绘制线段
2016/06/27 HTML / CSS
美国最大的宠物用品零售商:PetSmart
2016/11/14 全球购物
创意爱尔兰礼物:Creative Irish Gifts
2020/01/29 全球购物
请说出几个常用的异常类
2013/01/08 面试题
电大本科自我鉴定
2014/02/05 职场文书
营销经理工作检讨书
2014/11/03 职场文书
2015年暑期社会实践总结
2015/07/13 职场文书
JavaScript流程控制(循环)
2021/12/06 Javascript