简述用attr()的方法來取得属性值
时间:2014-07-20 18:21 来源: 我爱IT技术网 作者:山风
利用jQuery选择器取得元素后，就可以使用attr()的方法来取得各种属性值。
例如 : <input type='text' id='test' name='test' value='test'/>
运用 attr('id') 便可以取出ID中 test的值
接下来就运用范例详细的介绍attr的使用方法
- JavaScript
- <script type="text/javascript">
- $(function(){
- var $para = $("p"); // 取得p物件
- var $li = $("ul li:eq(2)"); // 获取第三个<li>元素节点
- var p_title = $para.attr("title"); // 输出<p>元素节点属性title
- var ul_title = $li.attr("title"); // 获取<ul>裡的第三个<li>元素节点的属性title内容
- var li_text = $li.text(); // 输出第三个<li>元素节点的内容
- window.alert(p_title);
- window.alert(ul_title);
- window.alert(li_text);
- });
- </script>
- HTML
- <body>
- <p title="选择你喜欢的电影?">选择你喜欢的电影?</p>
- <ul>
- <li title="哈利波特">哈利波特</li>
- <li title="恶灵古堡">恶灵古堡</li>
- <li title="瞒天过海">瞒天过海</li>
- </ul></body>
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-