jquery1.5.1中根据元素ID获取元素对象的代码
更新时间：2011年04月02日 00:06:18 作者：
尽管听说jquery的大名几年了，但是一直没有使用过。这两天想在项目中使用被一些小细节折腾的够呛，看来jquery没有传说中的那么好学。
在jquery1.5.1根据ID来获取对象返回的是对应数组，想不通怪不得使用document.getElementById(""ID名"")可以取到单一的对象，使用$("#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> 选择器测试 </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>
复制代码 代码如下:
<!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> 选择器测试 </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>
相关文章
正好项目中准备使用thickbox，于是干脆抛弃prototype.js，看起jquery.js了。JQuery确实不错，体积比Prototype小了许多，而且使用起来更方便更灵活。有人说Prototype像JAVA，正统；而JQuery像Ruby，灵活，更趋于OOP。2009-10-10
闲来无事做的一个Jquery实现仿腾讯微博发表广播的特效，功能和样子实现了，由于样式是渣渣，所以小伙伴们想直接用的话，还得自己美化下2014-11-11
下面小编就为大家带来一篇jquery 全选、全不选、反选效果的实现代码【推荐】。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了jQuery仿京东商城楼梯式导航定位菜单的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-07-07
本篇文章是对jQuery中常用的元素查找方法进行了详细的总结和介绍，,同时附送示例,是篇非常不错的文章,需要的朋友参考下2015-09-09
这篇文章主要介绍了jQuery的load()方法及其回调函数用法,实例分析了load方法的简单使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
JQuery选择器之六 测试代码如下2009-07-07
这篇文章主要介绍了jQuery实现为table表格动态添加或删除tr功能,结合实例形式分析了jQuery针对table表格行动态操作相关实现技巧,需要的朋友可以参考下2019-02-02
这篇文章主要介绍了jQuery中children()方法用法,实例分析了children()方法的功能、定义及过滤所匹配子元素的使用技巧,需要的朋友可以参考下2015-01-01
jQuery EasyUI中的日期控件DateBox修改方法
下面小编就为大家带来一篇jQuery EasyUI中的日期控件DateBox修改方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
最新评论