jQuery查找節(jié)點并獲取節(jié)點屬性的方法
本文實例講述了jQuery查找節(jié)點并獲取節(jié)點屬性的方法。分享給大家供大家參考,具體如下:
<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>節(jié)點 var $li = $("ul li:eq(1)"); // 獲取第二個<li>元素節(jié)點 var p_txt = $para.attr("title"); // 輸出<p>元素節(jié)點屬性title var ul_txt = $li.attr("title"); // 獲取<ul>里的第二個<li>元素節(jié)點的屬性title var li_txt = $li.text(); // 輸出第二個<li>元素節(jié)點的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>
效果圖:
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery操作DOM節(jié)點方法總結(jié)》、《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery擴展技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
相關(guān)文章
利用JQuery的load函數(shù)動態(tài)加載其它頁面的內(nèi)容的實現(xiàn)代碼
利用JQuery的load函數(shù)動態(tài)加載別的頁面的代碼,方便實時獲取別的頁面的內(nèi)容。2010-12-12jQuery源碼解讀之extend()與工具方法、實例方法詳解
這篇文章主要介紹了jQuery源碼解讀之extend()與工具方法、實例方法,分析了jQuery中extend()源碼、功能與相關(guān)使用技巧,需要的朋友可以參考下2017-03-03jQuery插件FusionCharts繪制的3D環(huán)餅圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制的3D環(huán)餅圖效果,結(jié)合完整實例形式分析了jQuery使用FusionCharts載入xml格式數(shù)據(jù)繪制圖形的操作步驟與相關(guān)實現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-04-04