jQuery查找節(jié)點(diǎn)并獲取節(jié)點(diǎn)屬性的方法
更新時(shí)間：2016年09月09日 09:01:51 作者：onestopweb
這篇文章主要介紹了jQuery查找節(jié)點(diǎn)并獲取節(jié)點(diǎn)屬性的方法,涉及jQuery簡(jiǎn)單獲取節(jié)點(diǎn)及attr與text方法讀取元素屬性的相關(guān)技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery查找節(jié)點(diǎn)并獲取節(jié)點(diǎn)屬性的方法。分享給大家供大家參考，具體如下：
<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é)點(diǎn)
var $li = $("ul li:eq(1)"); // 獲取第二個(gè)<li>元素節(jié)點(diǎn)
var p_txt = $para.attr("title"); // 輸出<p>元素節(jié)點(diǎn)屬性title
var ul_txt = $li.attr("title"); // 獲取<ul>里的第二個(gè)<li>元素節(jié)點(diǎn)的屬性title
var li_txt = $li.text(); // 輸出第二個(gè)<li>元素節(jié)點(diǎn)的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é)點(diǎn)方法總結(jié)》、《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jQuery中extend函數(shù)的實(shí)現(xiàn)原理詳解
這篇文章主要介紹了jQuery中extend函數(shù)的實(shí)現(xiàn)原理詳解,extend()函數(shù)用于jQuery插件的開發(fā),本文主要分析它的實(shí)現(xiàn)原理,需要的朋友可以參考下2015-02-02
jquery.fileEveryWhere.js 一個(gè)跨瀏覽器的file顯示插件
大牛ppk都說過，在從多表單控件中，上傳文件控件的樣式是最難以控制的。見文章Styling an input type="file"。本插件也多是參考此文2011-10-10
基于jquery實(shí)現(xiàn)簡(jiǎn)單的手風(fēng)琴特效
這篇文章主要介紹了基于jquery實(shí)現(xiàn)簡(jiǎn)單的手風(fēng)琴特效，需要的朋友可以參考下2015-11-11
jquery1.10去除了.live()方法，新增了一個(gè).on()方法來給元素綁定事件，下面有個(gè)不錯(cuò)的示例，大家可以參考下2014-03-03
JQuery中如何傳遞參數(shù)如click(),change()等具體實(shí)現(xiàn)
有個(gè)需求讓兩個(gè)select中option相互轉(zhuǎn)換,這個(gè)作業(yè)就是給幾個(gè)按鈕添加click()事件接下來為大家介紹下如何在click(),change()傳遞參數(shù)2013-04-04
這篇文章主要介紹了jQuery支持添加事件的日歷特效，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
使用jQuery插件創(chuàng)建常規(guī)模態(tài)窗口登陸效果
隱藏模態(tài)窗口技術(shù)是一種很好的解決方案，用于處理不是特有必要出現(xiàn)在網(wǎng)頁上的界面元素，下面與大家分享下如何利用jQuery插件leanModal建立一個(gè)常規(guī)模態(tài)窗口2013-08-08
在第一講中，已經(jīng)對(duì)JQuery做了入門級(jí)的介紹，我相信看過的網(wǎng)友都應(yīng)該知道怎么開始寫一個(gè)簡(jiǎn)單的JQuery程序了。首先是需要引入一個(gè)JQuery包，其次是根據(jù)JQuery的語法寫代碼就可以了。2010-07-07
本篇文章介紹10款新鮮、有用的jQuery內(nèi)容導(dǎo)航插件，肯定是免費(fèi)的了，希望對(duì)你有幫助。2011-09-09
解決qrcode.js生成二維碼時(shí)必須定義一個(gè)空div的問題
這篇文章主要介紹了解決qrcode.js生成二維碼時(shí)必須定義一個(gè)空div的問題，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07