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 text(),val(),html()方法区别总结
Nov 04 Javascript
AngularJS表单编辑提交功能实例
Feb 13 Javascript
JS返回iframe中frameBorder属性值的方法
Apr 01 Javascript
JS实现点击按钮获取页面高度的方法
Nov 02 Javascript
详解javascript new的运行机制
Jan 26 Javascript
javascript实现表单验证
Jan 29 Javascript
JS中sort函数排序用法实例分析
Jun 16 Javascript
微信小程序 数据交互与渲染实例详解
Jan 21 Javascript
微信小程序 支付后台java实现实例
May 09 Javascript
基于node.js实现微信支付退款功能
Dec 19 Javascript
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 jQuery
解决vue 路由变化页面数据不刷新的问题
Mar 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中mysql模块部分功能的简单封装
2011/09/30 PHP
基于initPHP的框架介绍
2013/04/18 PHP
PHP下通过QRCode类库创建中间带网站LOGO的二维码
2014/07/12 PHP
浅析iis7.5安装配置php环境
2015/05/10 PHP
PHP实现查询两个数组中不同元素的方法
2016/02/23 PHP
PHP使用curl模拟post上传及接收文件的方法
2016/03/04 PHP
PHP实现的mysql操作类【MySQL与MySQLi方式】
2017/10/07 PHP
自适应图片大小的弹出窗口
2006/07/27 Javascript
兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现
2009/07/14 Javascript
javascript实现控制div颜色
2015/07/07 Javascript
js小数计算小数点后显示多位小数的实现方法
2016/05/30 Javascript
Node.js开启Https的实践详解
2016/10/25 Javascript
AngularJS控制器controller给模型数据赋初始值的方法
2017/01/04 Javascript
JS变量及其作用域
2017/03/29 Javascript
全选复选框JavaScript编写小结(附代码)
2017/08/16 Javascript
es6中的解构赋值、扩展运算符和rest参数使用详解
2017/09/28 Javascript
快速了解Node中的Stream流是什么
2019/02/13 Javascript
基于layui table返回的值的多级嵌套的解决方法
2019/09/19 Javascript
浅谈vue-router路由切换 组件重用挖下的坑
2019/11/01 Javascript
Angular之jwt令牌身份验证的实现
2020/02/14 Javascript
5个你不知道的JavaScript字符串处理库(小结)
2020/06/01 Javascript
typescript配置alias的详细步骤
2020/08/12 Javascript
Centos Python2 升级到Python3的简单实现
2016/06/21 Python
浅谈Python 对象内存占用
2016/07/15 Python
Python基于回溯法子集树模板实现图的遍历功能示例
2017/09/05 Python
Python基础教程之利用期物处理并发
2018/03/29 Python
Django xadmin开启搜索功能的实现
2019/11/15 Python
大韩航空官方网站:Korean Air
2017/10/25 全球购物
比较基础的php面试题及答案-编程题
2012/10/14 面试题
Ajax的优点和缺点
2014/11/21 面试题
安全生产投入制度
2014/01/29 职场文书
大学生素质拓展活动方案
2014/02/11 职场文书
港澳通行证委托书怎么写
2014/08/02 职场文书
大学生干部培训心得体会
2016/01/06 职场文书
修改MySQL的数据库引擎为INNODB的方法
2021/05/26 MySQL
Redis超详细讲解高可用主从复制基础与哨兵模式方案
2022/04/07 Redis