jquery1.5.1中根據(jù)元素ID獲取元素對(duì)象的代碼
更新時(shí)間：2011年04月02日 00:06:18 作者：
盡管聽說jquery的大名幾年了，但是一直沒有使用過。這兩天想在項(xiàng)目中使用被一些小細(xì)節(jié)折騰的夠嗆，看來jquery沒有傳說中的那么好學(xué)。
在jquery1.5.1根據(jù)ID來獲取對(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)文章
正好項(xiàng)目中準(zhǔn)備使用thickbox，于是干脆拋棄prototype.js，看起jquery.js了。JQuery確實(shí)不錯(cuò)，體積比Prototype小了許多，而且使用起來更方便更靈活。有人說Prototype像JAVA，正統(tǒng)；而JQuery像Ruby，靈活，更趨于OOP。2009-10-10
Jquery實(shí)現(xiàn)仿騰訊微博發(fā)表廣播
閑來無事做的一個(gè)Jquery實(shí)現(xiàn)仿騰訊微博發(fā)表廣播的特效，功能和樣子實(shí)現(xiàn)了，由于樣式是渣渣，所以小伙伴們想直接用的話，還得自己美化下2014-11-11
jquery 全選、全不選、反選效果的實(shí)現(xiàn)代碼【推薦】
下面小編就為大家?guī)硪黄猨query 全選、全不選、反選效果的實(shí)現(xiàn)代碼【推薦】。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了jQuery仿京東商城樓梯式導(dǎo)航定位菜單的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-07-07
本篇文章是對(duì)jQuery中常用的元素查找方法進(jìn)行了詳細(xì)的總結(jié)和介紹，,同時(shí)附送示例,是篇非常不錯(cuò)的文章,需要的朋友參考下2015-09-09
jQuery的load()方法及其回調(diào)函數(shù)用法實(shí)例
這篇文章主要介紹了jQuery的load()方法及其回調(diào)函數(shù)用法,實(shí)例分析了load方法的簡(jiǎn)單使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
JQuery選擇器之六 測(cè)試代碼如下2009-07-07
jQuery實(shí)現(xiàn)為table表格動(dòng)態(tài)添加或刪除tr功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)為table表格動(dòng)態(tài)添加或刪除tr功能,結(jié)合實(shí)例形式分析了jQuery針對(duì)table表格行動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-02-02
這篇文章主要介紹了jQuery中children()方法用法,實(shí)例分析了children()方法的功能、定義及過濾所匹配子元素的使用技巧,需要的朋友可以參考下2015-01-01
jQuery EasyUI中的日期控件DateBox修改方法
下面小編就為大家?guī)硪黄猨Query EasyUI中的日期控件DateBox修改方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11