jQuery查找节点并获取节点属性的方法


Posted in Javascript onSeptember 09, 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 创建对象和构造类实现代码
Jul 30 Javascript
JavaScript判断密码强度(自写代码)
Sep 06 Javascript
如何使用jquery easyui创建标签组件
Nov 18 Javascript
javascript仿京东导航左侧分类导航下拉菜单效果
Nov 25 Javascript
JS经典正则表达式笔试题汇总
Dec 15 Javascript
Vue实例简单方法介绍
Jan 20 Javascript
使用Vue自定义数字键盘组件(体验度极好)
Dec 19 Javascript
JavaScript 中的 this 工作原理
Jun 20 Javascript
angularjs中判断ng-repeat是否迭代完的实例
Sep 12 Javascript
在Vant的基础上实现添加表单验证框架的方法示例
Dec 05 Javascript
vue 实现cli3.0中使用proxy进行代理转发
Oct 30 Javascript
微信小程序自定义模态弹窗组件详解
Dec 24 Javascript
js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码
Sep 09 #Javascript
js判断所有表单项不为空则提交表单的实现方法
Sep 09 #Javascript
jQuery简单创建节点的方法
Sep 09 #Javascript
javascript 四十条常用技巧大全
Sep 09 #Javascript
前端弹出对话框 js实现ajax交互
Sep 09 #Javascript
Boostrap基础教程之JavaScript插件篇
Sep 08 #Javascript
jQuery实现邮箱下拉列表自动补全功能
Sep 08 #Javascript
You might like
PHP4 与 MySQL 交互使用
2006/10/09 PHP
php过滤XSS攻击的函数
2013/11/12 PHP
php操作csv文件代码实例汇总
2014/09/22 PHP
PHP中定义数组常量(array常量)的方法
2014/11/17 PHP
javascript读取xml
2006/11/04 Javascript
ExtJs之带图片的下拉列表框插件
2010/03/04 Javascript
js和jquery批量绑定事件传参数一(新猪猪原创)
2010/06/23 Javascript
jquery中实现标签切换效果的代码
2011/03/01 Javascript
整理一些JavaScript的IE和火狐的兼容性注意事项
2011/03/17 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
2013/12/29 Javascript
qq悬浮代码(兼容各个浏览器)
2014/01/29 Javascript
JS实现的4种数字千位符格式化方法分享
2015/03/02 Javascript
JavaScript实现网页对象拖放功能的方法
2015/04/15 Javascript
JQuery中模拟image的ajaxPrefilter与ajaxTransport处理
2015/06/19 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
2020/08/27 Javascript
深入学习AngularJS中数据的双向绑定机制
2016/03/04 Javascript
async/await与promise(nodejs中的异步操作问题)
2017/03/03 NodeJs
微信小程序封装http访问网络库实例代码
2017/05/24 Javascript
利用百度地图API获取当前位置信息的实例
2017/11/06 Javascript
python实现中文输出的两种方法
2015/05/09 Python
Python函数式编程指南(四):生成器详解
2015/06/24 Python
Python的Flask框架中集成CKeditor富文本编辑器的教程
2016/06/13 Python
Python字典创建 遍历 添加等实用基础操作技巧
2018/09/13 Python
便捷提取python导入包的属性方法
2018/10/15 Python
python实现网页自动签到功能
2019/01/21 Python
Python+Selenium随机生成手机验证码并检查页面上是否弹出重复手机号码提示框
2020/09/21 Python
Python基于mediainfo批量重命名图片文件
2020/12/29 Python
NFL加拿大官方网上商店:NHLShop.ca
2019/03/12 全球购物
请写出 BOOL flag 与"零值"比较的 if 语句
2016/02/29 面试题
Python是如何进行类型转换的
2013/06/09 面试题
出国签证在职证明
2014/01/16 职场文书
营业用房租赁协议书
2014/11/26 职场文书
2014幼儿园班主任工作总结
2014/12/04 职场文书
安全员岗位职责范本
2015/04/11 职场文书
小学生心理健康活动总结
2015/05/08 职场文书
2015国庆节宣传语
2015/07/14 职场文书