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.each()用法分享
Jul 31 Javascript
javascript高级编程之函数表达式 递归和闭包函数
Nov 29 Javascript
基于JavaScript实现全屏透明遮罩div层锁屏效果
Jan 26 Javascript
JavaScript性能优化之函数节流(throttle)与函数去抖(debounce)
Aug 11 Javascript
零基础轻松学JavaScript闭包
Dec 30 Javascript
Bootstrap 下拉多选框插件Bootstrap Multiselect
Jan 22 Javascript
漂亮实用的页面loading(加载)封装代码
Feb 03 Javascript
Vue2路由动画效果的实现代码
Jul 10 Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
Dec 25 Javascript
vue日历/日程提醒/html5本地缓存功能
Sep 02 Javascript
Vue解析剪切板图片并实现发送功能
Feb 04 Javascript
在vue中实现清除echarts上次保留的数据(亲测有效)
Sep 09 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 计算两个时间相差的天数、小时数、分钟数、秒数详解及实例代码
2016/11/09 PHP
php 算法之实现相对路径的实例
2017/10/17 PHP
为调试JavaScript添加输出窗口的代码
2010/02/07 Javascript
JQuery从头学起第一讲
2010/07/04 Javascript
根据出生日期自动取得星座的js代码
2010/07/20 Javascript
JavaScript Title、alt提示(Tips)实现源码解读
2010/12/12 Javascript
IE与FireFox中的childNodes区别
2011/10/20 Javascript
Egret引擎开发指南之编译项目
2014/09/03 Javascript
$(&quot;&quot;).click与onclick的区别示例介绍
2014/09/25 Javascript
javascript中html字符串转化为jquery dom对象的方法
2015/08/27 Javascript
seajs加载jquery时提示$ is not a function该怎么解决
2015/10/23 Javascript
详解AngularJS 模态对话框
2016/04/07 Javascript
微信小程序学习(4)-系统配置app.json详解
2017/01/12 Javascript
深入浅出webpack之externals的使用
2017/12/04 Javascript
vue中使用echarts制作圆环图的实例代码
2018/07/27 Javascript
微信小程序从注册账号到上架(图文详解)
2019/07/17 Javascript
[45:46]2014 DOTA2国际邀请赛中国区预选赛5.21 HGT VS DT
2014/05/23 DOTA
Python3实现发送QQ邮件功能(附件)
2020/12/23 Python
Python用 KNN 进行验证码识别的实现方法
2018/02/06 Python
python批量修改图片大小的方法
2018/07/24 Python
Python range与enumerate函数区别解析
2020/02/28 Python
Python 炫技操作之合并字典的七种方法
2020/04/10 Python
全球在线商店:BerryLook
2019/04/14 全球购物
介绍一下Linux内核的排队自旋锁
2014/01/04 面试题
建筑工程自我鉴定
2013/10/18 职场文书
培训讲师邀请函
2014/01/10 职场文书
运动会跳远加油稿
2014/02/20 职场文书
学雷锋演讲稿
2014/03/04 职场文书
学雷锋宣传标语
2014/06/25 职场文书
党的群众路线教育实践活动个人对照检查材料(校长)
2014/11/05 职场文书
展览会邀请函
2015/02/02 职场文书
幼儿园园长安全责任书
2015/05/08 职场文书
小学科学课教学反思
2016/02/23 职场文书
postgres之jsonb属性的使用操作
2021/06/23 PostgreSQL
MySQL RC事务隔离的实现
2022/03/31 MySQL
vue elementUI表格控制对应列
2022/04/13 Vue.js