jquery1.5.1中根據(jù)元素ID獲取元素對(duì)象的代碼
更新時(shí)間：2011年04月02日 00:06:18 作者：
盡管聽(tīng)說(shuō)jquery的大名幾年了，但是一直沒(méi)有使用過(guò)。這兩天想在項(xiàng)目中使用被一些小細(xì)節(jié)折騰的夠嗆，看來(lái)jquery沒(méi)有傳說(shuō)中的那么好學(xué)。
在jquery1.5.1根據(jù)ID來(lái)獲取對(duì)象返回的是對(duì)應(yīng)數(shù)組，想不通怪不得使用document.getElementById(""ID名"")可以取到單一的對(duì)象，使用$("#ID名")卻不行，悲劇呀。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 選擇器測(cè)試 </title>
<style type="text/css">
.txtobj{background-color: #6600FF;}
</style>
<script type="text/javascript" src="../jquery-1.5.1.min.js"></script>
<script language="JavaScript" type="text/javascript">
$(document).ready(
function()
{
$("input[type='text']")
.click
(
function()
{
this.value=$("#lblMsg")[0].innerText;
}
)
.keydown(
function()
{
alert($("#divTest")[0].innerText);
alert($("#lblMsg")[0].innerHTML);
alert($("#txtTest")[0].value);
return false;
}
);
}
);
</script>
</head>
<body>
<table width="400" border="1" cellpadding="0" cellspacing="0">
<tr>
<td><span id="lblMsg">0123456789</span></td>
</tr>
<tr>
<td>
<input type="text" id="txtTest" class="txtobj" value="@#$message test"/>
</td>
</tr>
</table>
<div id="divTest">ABCDEFGHIJKLMNOPQRSTUVWXYZ</div>
</body>
</html>
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 選擇器測(cè)試 </title>
<style type="text/css">
.txtobj{background-color: #6600FF;}
</style>
<script type="text/javascript" src="../jquery-1.5.1.min.js"></script>
<script language="JavaScript" type="text/javascript">
$(document).ready(
function()
{
$("input[type='text']")
.click
(
function()
{
this.value=$("#lblMsg")[0].innerText;
}
)
.keydown(
function()
{
alert($("#divTest")[0].innerText);
alert($("#lblMsg")[0].innerHTML);
alert($("#txtTest")[0].value);
return false;
}
);
}
);
</script>
</head>
<body>
<table width="400" border="1" cellpadding="0" cellspacing="0">
<tr>
<td><span id="lblMsg">0123456789</span></td>
</tr>
<tr>
<td>
<input type="text" id="txtTest" class="txtobj" value="@#$message test"/>
</td>
</tr>
</table>
<div id="divTest">ABCDEFGHIJKLMNOPQRSTUVWXYZ</div>
</body>
</html>
相關(guān)文章
前一篇我們介紹了一種防SQL注入的終極方法，也就是最原始、最簡(jiǎn)單、最有效也是最通用的方法，就是數(shù)據(jù)類型的檢查加單引號(hào)的處理，具體的內(nèi)容前面一篇已經(jīng)介紹過(guò)了，這里我就不重復(fù)了2008-12-12
jquery.lazyload 實(shí)現(xiàn)圖片延遲加載jquery插件
看到了淘寶產(chǎn)品介紹中,圖片是在下拉滾動(dòng)條時(shí)加載,這是一個(gè)很不錯(cuò)的用戶體驗(yàn)。減少了頁(yè)面加載的時(shí)間了，也減輕了服務(wù)器的壓力，就查了下用JQuery..2010-02-02
jQuery中noConflict()用法實(shí)例分析
這篇文章主要介紹了jQuery中noConflict()用法,實(shí)例分析了noConflict()的功能、定義及相關(guān)使用技巧,需要的朋友可以參考下2015-02-02
jQuery插件實(shí)現(xiàn)多級(jí)聯(lián)動(dòng)菜單效果
開(kāi)發(fā)一個(gè)jQuery插件實(shí)現(xiàn)多級(jí)聯(lián)動(dòng)菜單效果，實(shí)現(xiàn)步驟很詳細(xì)，感興趣的小伙伴們可以參考一下2015-12-12
jquery實(shí)現(xiàn)簡(jiǎn)單的瀑布流布局
瀑布流布局有兩種，一種是固定列，一種是非固定列。本文主要記述第一種的實(shí)現(xiàn)。需要的朋友可以參考借鑒2016-12-12
jquery html動(dòng)態(tài)添加的元素綁定事件詳解
下面小編就為大家?guī)?lái)一篇jquery html動(dòng)態(tài)添加的元素綁定事件詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
這篇文章主要介紹了jquery插件實(shí)現(xiàn)堆疊式菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
jQuery UI插件自定義confirm確認(rèn)框的方法
這篇文章主要介紹了jQuery UI插件自定義confirm確認(rèn)框的方法,實(shí)例分析了jQuery的UI插件使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
基于jquery實(shí)現(xiàn)的一個(gè)選擇中國(guó)大學(xué)的彈框 (數(shù)據(jù)、步驟、代碼)
基于jquery實(shí)現(xiàn)的一個(gè)選擇中國(guó)大學(xué)的彈框，需要的朋友可以參考下2012-07-07
如果你明白了前面講的使用jquery.fn對(duì)象屬性的方法創(chuàng)建jquery對(duì)象的方法，那么使用extend()方法創(chuàng)建jquery對(duì)象就比較容易理解了。理解了嗎，一定要仔細(xì)揣摩，仔細(xì)研究。我也是再慢慢的學(xué)習(xí)，慢慢的領(lǐng)悟2012-08-08