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 相关文章推荐
用jQuery简化JavaScript开发分析
Feb 19 Javascript
基于jquery跨浏览器显示的file上传控件
Oct 24 Javascript
中文字符串截取的js函数代码
Apr 17 Javascript
Jquery 的outerHeight方法使用介绍
Sep 11 Javascript
node+express制作爬虫教程
Nov 11 Javascript
JavaScript获取服务器时间的方法详解
Dec 11 Javascript
解析JavaScript实现DDoS攻击原理与保护措施
Dec 26 Javascript
Angular的事件和表单详解
Dec 26 Javascript
Angular中ng-repeat与ul li的多层嵌套重复问题
Jul 24 Javascript
微信小程序switch开关选择器使用详解
Jan 31 Javascript
JS中利用FileReader实现上传图片前本地预览功能
Mar 02 Javascript
JQuery元素快速查找与操作
Apr 22 jQuery
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
冰滴咖啡制作步骤
2021/03/03 冲泡冲煮
新版mysql+apache+php Linux安装指南
2006/10/09 PHP
php下实现伪 url 的超简单方法[转]
2007/09/24 PHP
使用php计算排列组合的方法
2013/11/13 PHP
PHP 登录完成后如何跳转上一访问页面
2014/01/14 PHP
php使用parse_url和parse_str解析URL
2015/02/22 PHP
WordPress自定义时间显示格式
2015/03/27 PHP
PHP中strtr与str_replace函数运行性能简单测试示例
2019/06/22 PHP
Laravel框架控制器的middleware中间件用法分析
2019/09/30 PHP
用jquery来定位
2007/02/20 Javascript
JS 文字符串转换unicode编码函数
2009/05/30 Javascript
javascript获得CheckBoxList选中的数量
2009/10/27 Javascript
jquery获取table中的某行全部td的内容方法
2013/03/08 Javascript
JavaScript数组去重的五种方法
2015/11/05 Javascript
jquery实现表单验证简单实例演示
2015/11/23 Javascript
jQuery插件ajaxFileUpload异步上传文件
2016/10/19 Javascript
JavaScript 控制字体大小设置的方法
2016/11/23 Javascript
优雅的处理vue项目异常实战记录
2019/06/05 Javascript
js神秘的电报密码 哈弗曼编码实现
2019/09/10 Javascript
JS检索下拉列表框中被选项目的索引号(selectedIndex)
2019/12/17 Javascript
[01:21]DOTA2 新英雄 森海飞霞
2020/12/18 DOTA
python中的装饰器详解
2015/04/13 Python
Python 遍历列表里面序号和值的方法(三种)
2017/02/17 Python
Python + selenium自动化环境搭建的完整步骤
2018/05/19 Python
python按比例随机切分数据的实现
2019/07/11 Python
python传到前端的数据,双引号被转义的问题
2020/04/03 Python
css3 transform导致子元素固定定位变成绝对定位的方法
2020/03/06 HTML / CSS
css3 flex实现div内容水平垂直居中的几种方法
2020/03/27 HTML / CSS
Crocs美国官方网站:卡骆驰洞洞鞋
2017/08/04 全球购物
《梅兰芳学艺》教学反思
2014/02/24 职场文书
访谈节目策划方案
2014/05/15 职场文书
党支部党的群众路线对照检查材料
2014/09/24 职场文书
工艺技术员岗位职责
2015/02/04 职场文书
公务员个人总结
2015/02/12 职场文书
孕妇病假条怎么写
2015/08/17 职场文书
《追风筝的人》:人心中的成见是座大山,但请不忘初心
2019/11/15 职场文书