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 相关文章推荐
禁止刷新,回退的JS
Nov 25 Javascript
关于文本限制字数的js代码
Apr 02 Javascript
javascript实现的固定位置悬浮窗口实例
Apr 30 Javascript
JavaScript性能优化之小知识总结
Nov 20 Javascript
BootStrap中Tab页签切换实例代码
May 30 Javascript
jQuery如何跳转到另一个网页 就这么简单
Dec 28 Javascript
浅谈关于axios和session的一些事
Jul 13 Javascript
基于jquery ajax的多文件上传进度条过程解析
Sep 11 jQuery
微信小程序全局变量的设置、使用、修改过程解析
Sep 24 Javascript
js基础之事件捕获与冒泡原理
Oct 09 Javascript
小程序api实现promise封装过程解析
Nov 21 Javascript
Vue插槽_特殊特性slot,slot-scope与指令v-slot说明
Sep 04 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
DC动画电影《黑暗正义联盟》曝预告 5月5日上线数字平台
2020/04/09 欧美动漫
国王的咖啡这么大来头,名字的由来是什么
2021/03/03 咖啡文化
php 遍历数据表数据并列表横向排列的代码
2009/09/05 PHP
浅谈php错误提示及查错方法
2015/07/14 PHP
PHP生成图片验证码功能示例
2017/01/12 PHP
PHP文件上传、客户端和服务器端加限制、抓取错误信息、完整步骤解析
2017/01/12 PHP
PHP redis实现超迷你全文检索
2017/03/04 PHP
php-beanstalkd消息队列类实例分享
2017/07/19 PHP
Laravel框架实现的批量删除功能示例
2019/01/16 PHP
PHP实现简单登录界面
2019/10/23 PHP
用ADODB.Stream转换
2007/01/22 Javascript
JavaScript中判断页面关闭、页面刷新的实现代码
2014/08/27 Javascript
JS判断元素是否在数组内的实现代码
2016/03/30 Javascript
jQuery中ScrollTo用法示例
2016/09/04 Javascript
Bootstrap学习笔记 轮播(Carousel)插件
2017/03/21 Javascript
JS简单实现数组去重的方法示例
2017/03/27 Javascript
详解Vuejs2.0之异步跨域请求
2017/04/20 Javascript
解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题
2018/08/24 Javascript
小程序云开发如何实现图片上传及发表文字
2019/05/17 Javascript
vue悬浮可拖拽悬浮按钮的实例代码
2019/08/20 Javascript
python实现的jpg格式图片修复代码
2015/04/21 Python
Python实现的txt文件去重功能示例
2018/07/07 Python
如何在mac环境中用python处理protobuf
2019/12/25 Python
TensorFlow实现指数衰减学习率的方法
2020/02/05 Python
什么是python的列表推导式
2020/05/26 Python
自学python用什么系统好
2020/06/23 Python
Omio荷兰:预订火车、巴士和机票
2018/11/04 全球购物
《三顾茅庐》教学反思
2014/04/10 职场文书
美术社团活动总结
2014/06/27 职场文书
2015年医德医风工作总结
2015/04/02 职场文书
2016年“5.12”护士节致辞
2015/07/31 职场文书
2019 入党申请书范文
2019/07/10 职场文书
CSS实现漂亮的时钟动画效果的实例代码
2021/03/30 HTML / CSS
关于python中模块和重载的问题
2021/11/02 Python
python游戏开发之pygame实现接球小游戏
2022/04/22 Python
Win11 vmware不兼容怎么办?Win11与VMware虚拟机不兼容的解决方法
2023/01/09 数码科技