jquery1.5.1中根据元素ID获取元素对象的代码


Posted in Javascript onApril 02, 2011

在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>
Javascript 相关文章推荐
关于Jqzoom的使用心得 jquery放大镜效果插件
Apr 12 Javascript
通过Javascript读取本地Excel文件内容的代码示例
Apr 08 Javascript
js使用html()或text()方法获取设置p标签的显示的值
Aug 01 Javascript
JavaScript类型系统之正则表达式
Jan 05 Javascript
多种JQuery循环滚动文字图片效果代码
Jun 23 Javascript
JavaScript获取当前运行脚本文件所在目录的方法
Feb 03 Javascript
VUE前端cookie简单操作
Oct 17 Javascript
小程序开发基础之view视图容器
Aug 21 Javascript
Vue中的$set的使用实例代码
Oct 08 Javascript
24行JavaScript代码实现Redux的方法实例
Nov 17 Javascript
js实现文章目录索引导航(table of content)
May 10 Javascript
Bootstrap table 服务器端分页功能实现方法示例
Jun 01 Javascript
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
Apr 01 #Javascript
按钮JS复制文本框和表格的代码
Apr 01 #Javascript
js报错 Object doesn't support this property or method的原因分析
Mar 31 #Javascript
Javascript 面试题随笔
Mar 31 #Javascript
IE6 fixed的完美解决方案
Mar 31 #Javascript
HTML DOM的nodeType值介绍
Mar 31 #Javascript
setTimeout和setInterval的区别你真的了解吗?
Mar 31 #Javascript
You might like
PHP中Date()时间日期函数的使用方法小结
2011/04/20 PHP
php中利用explode函数分割字符串到数组
2014/02/08 PHP
php+mysqli实现将数据库中一张表信息打印到表格里的方法
2015/01/28 PHP
关于Yii中模型场景的一些简单介绍
2019/09/22 PHP
Javascript学习笔记 delete运算符
2011/09/13 Javascript
Javascript遍历table中的元素示例代码
2014/07/08 Javascript
jquery动态添加删除(tr/td)
2015/02/09 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
2015/03/19 Javascript
js改变embed标签src值的方法
2015/04/10 Javascript
基于canvas实现的钟摆效果完整实例
2016/01/26 Javascript
JS随机打乱数组的方法小结
2016/06/22 Javascript
vue中eventbus被多次触发以及踩过的坑
2017/12/02 Javascript
React.js绑定this的5种方法(小结)
2018/06/05 Javascript
webpack项目轻松混用css module的方法
2018/06/12 Javascript
vue中多路由表头吸顶实现的几种布局方式
2019/04/12 Javascript
[01:32]dota2拉比克至宝(222)
2018/12/20 DOTA
python 字符串转列表 list 出现\ufeff的解决方法
2017/06/22 Python
浅谈python之自动化运维(Paramiko)
2020/01/31 Python
Python opencv相机标定实现原理及步骤详解
2020/04/09 Python
详解Anaconda 的安装教程
2020/09/23 Python
scrapy头部修改的方法详解
2020/12/06 Python
英国最大的海报商店:GB Posters
2018/03/20 全球购物
Tenstickers法国:墙贴和装饰贴纸
2019/08/26 全球购物
如何查找网页漏洞
2016/06/22 面试题
管理心得体会
2013/12/28 职场文书
上课打牌的检讨书
2014/02/15 职场文书
高中生职业生涯规划书
2014/02/24 职场文书
《广玉兰》教学反思
2014/04/14 职场文书
升学宴演讲稿
2014/09/01 职场文书
满月酒邀请函
2015/01/30 职场文书
军训个人总结
2015/03/03 职场文书
求职自我评价范文
2015/03/09 职场文书
2015年八一建军节演讲稿
2015/03/19 职场文书
2015年医院药剂科工作总结
2015/05/04 职场文书
2016年大学迎新晚会工作总结
2015/10/15 职场文书
Android Flutter实现3D动画效果示例详解
2022/04/07 Java/Android