jQuery查找节点并获取节点属性的方法
2016-09-09 09:01
531 查看
本文实例讲述了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操作DOM节点方法总结》、《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- jquery之操作元素属性和特性(获取特性值,attr(name)方法的使用)
- JQuery获取$(this)子节点对象的方法
- JQuery中6种根据属性或属性值获得元素获取方法
- jQuery获取文本节点之 text()/val()/html() 方法区别 详细出处参考:http://www.jb51.net/article/26431.htm
- jQuery 获取当前节点的html包含当前节点的方法
- JqueryDOM操作-jquery查找属性节点
- 使用jquery获取父元素或父节点的方法
- JQUERY的父,子,兄弟节点查找方法
- 使用jquery获取父元素或父节点的方法
- JQUERY的父,子,兄弟节点查找方法
- 使用jquery获取父元素或父节点的方法
- JQUERY的父,子,兄弟节点查找方法
- JQuery获取兄弟节点的方法
- JS获取节点属性个数及值得方法
- jQuery获取文本节点之 text()/val()/html() 方法区别
- JQUERY 获取当前焦点对象属性, jquery attr()方法 添加,修改,获取对象的属性值。
- JQuery中根据属性或属性值获得元素(6种情况获取方法)
- 使用jquery获取父元素或父节点的方法
- 使用jquery获取父元素或父节点的方法
- 使用jquery获取父元素或父节点的方法