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 相关文章推荐
javascript mouseover、mouseout停止事件冒泡的解决方案
Apr 07 Javascript
在UpdatePanel内jquery easyui效果失效的解决方法
Apr 11 Javascript
jQuery UI Autocomplete 体验分享
Feb 14 Javascript
Js表格万条数据瞬间加载实现代码
Feb 20 Javascript
AngularJS入门知识之MVW类框架的编程思想探讨
Dec 08 Javascript
JavaScript中setUTCMilliseconds()方法的使用详解
Jun 12 Javascript
Angular.js与Bootstrap相结合实现表格分页代码
Apr 12 Javascript
jQuery+CSS实现一个侧滑导航菜单代码
May 09 Javascript
vue在手机中通过本机IP地址访问webApp的方法
Aug 15 Javascript
在vue项目中引用Iview的方法
Sep 14 Javascript
基于vue实现圆形菜单栏组件
Jul 05 Javascript
解决vue+elementui项目打包后样式变化问题
Aug 03 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
我的群发邮件程序
2006/10/09 PHP
PHP编码转换
2012/11/05 PHP
基于php数组中的索引数组和关联数组详解
2018/03/12 PHP
php tpl模板引擎定义与使用示例
2019/08/09 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
Array的push与unshift方法性能比较分析
2011/03/05 Javascript
css值转换成数值请抛弃parseInt
2011/10/24 Javascript
window.event.keyCode兼容IE和Firefox实现js代码
2013/05/30 Javascript
JS+CSS实现带关闭按钮DIV弹出窗口的方法
2015/02/27 Javascript
JavaScript使用Math.Min返回两个数中较小数的方法
2015/04/06 Javascript
javascript学习指南之回调问题
2016/04/23 Javascript
vuejs响应用户事件(如点击事件)
2017/03/14 Javascript
canvas实现环形进度条效果
2017/03/23 Javascript
谈谈VUE种methods watch和compute的区别和联系
2017/08/01 Javascript
简述JS浏览器的三种弹窗
2018/07/15 Javascript
trackingjs+websocket+百度人脸识别API实现人脸签到
2018/11/26 Javascript
详解使用React.memo()来优化函数组件的性能
2019/03/19 Javascript
微信小程序 如何获取网络状态
2019/07/26 Javascript
[01:35]2014DOTA2西雅图邀请赛 专访狐狸妈青春献给刀塔
2014/07/08 DOTA
Python用GET方法上传文件
2015/03/10 Python
浅谈python中的实例方法、类方法和静态方法
2017/02/17 Python
使用XML库的方式,实现RPC通信的方法(推荐)
2017/06/14 Python
python Django中models进行模糊查询的示例
2019/07/18 Python
python实现图片压缩代码实例
2019/08/12 Python
Python实现随机生成任意数量车牌号
2020/01/21 Python
完美解决pycharm导入自己写的py文件爆红问题
2020/02/12 Python
Python闭包与装饰器原理及实例解析
2020/04/30 Python
基于python实现把json数据转换成Excel表格
2020/05/07 Python
django的autoreload机制实现
2020/06/03 Python
Keras SGD 随机梯度下降优化器参数设置方式
2020/06/19 Python
美国户外生活方式品牌:Eddie Bauer
2016/12/28 全球购物
马德里竞技官方网上商店:Atletico Madrid Shop
2019/03/31 全球购物
2014年检察院个人工作总结
2014/12/09 职场文书
公司2015年终工作总结
2015/05/26 职场文书
mysql创建存储过程及函数详解
2021/12/04 MySQL
nginx容器方式反向代理实战
2022/04/18 Servers