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 相关文章推荐
[原创]后缀就扩展名为js的文件是什么文件
Dec 06 Javascript
根据出生日期自动取得星座的js代码
Jul 20 Javascript
实现无刷新联动例子汇总
May 20 Javascript
JS实现的竖向折叠菜单代码
Oct 21 Javascript
JS控制TreeView的结点选择
Nov 11 Javascript
Node.js数据库操作之连接MySQL数据库(一)
Mar 04 Javascript
ES6解构赋值实例详解
Oct 31 Javascript
Vue添加请求拦截器及vue-resource 拦截器使用
Nov 23 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
Mar 14 Javascript
微信小程序传值以及获取值方法的详解
Apr 29 Javascript
Vue组件模板及组件互相引用代码实例
Mar 11 Javascript
查找Vue中下标的操作(some和findindex)
Aug 12 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学习笔记 [预定义数组(超全局数组)]
2011/06/09 PHP
zf框架的session会话周期及次数限制使用示例
2014/03/13 PHP
PHP实现发送邮件的方法(基于简单邮件发送类)
2015/12/17 PHP
PHP实现对二维数组某个键排序的方法
2016/09/14 PHP
PHP-FPM运行状态的实时查看及监控详解
2016/11/18 PHP
使用YII2框架实现微信公众号中表单提交功能
2017/09/04 PHP
解决3.01版的jquery.form.js中文乱码问题的解决方法
2012/03/08 Javascript
Jquery实现自定义tooltip示例代码
2014/02/12 Javascript
jQuery实现表格行上移下移和置顶的方法
2015/05/22 Javascript
使用three.js 画渐变的直线
2016/06/05 Javascript
js删除Array数组中指定元素的两种方法
2016/08/03 Javascript
关于Vue.js一些问题和思考学习笔记(1)
2016/12/02 Javascript
html5 canvas 详细使用教程
2017/01/20 Javascript
js 博客内容进度插件详解
2017/02/19 Javascript
详解Vue2中组件间通信的解决全方案
2017/07/28 Javascript
jQuery中 DOM节点操作方法大全
2017/10/12 jQuery
JS判断字符串是否为整数的方法--简单的正则判断
2018/07/23 Javascript
vue配置nprogress实现页面顶部进度条
2019/09/21 Javascript
python实现电子产品商店
2019/02/26 Python
Python文件夹批处理操作代码实例
2020/07/21 Python
Python常用类型转换实现代码实例
2020/07/28 Python
Python自动巡检H3C交换机实现过程解析
2020/08/14 Python
详解HTML5通讯录获取指定多个人的信息
2016/12/20 HTML / CSS
英国内衣连锁店:Boux Avenue
2018/01/24 全球购物
ghd澳大利亚官方网站:英国最受欢迎的美发工具品牌
2018/05/21 全球购物
Sunglasses Shop英国:欧洲领先的太阳镜在线供应商之一
2018/09/19 全球购物
时尚孕妇装:HATCH Collection
2019/09/24 全球购物
介绍一下Linux中的链接
2016/05/28 面试题
毕业生个人的求职信范文
2013/12/03 职场文书
在校硕士自我鉴定
2014/01/23 职场文书
小学英语课后反思
2014/04/26 职场文书
超越自我演讲稿
2014/05/21 职场文书
元旦联欢会策划方案
2014/06/11 职场文书
推广活动策划方案
2014/08/23 职场文书
后勤工作个人总结
2015/02/28 职场文书
vue自定义右键菜单之全局实现
2022/04/09 Vue.js