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操作页面表格,元素的一些技巧
Feb 02 Javascript
基于Jquery的表格隔行换色,移动换色,点击换色插件
Dec 22 Javascript
jquery 表格的增行删行实现思路
Mar 21 Javascript
JavaScript SetInterval与setTimeout使用方法详解
Nov 15 Javascript
实现高性能JavaScript之执行与加载
Jan 30 Javascript
JS控制伪元素的方法汇总
Apr 06 Javascript
基于jQuery实现动态搜索显示功能
May 05 Javascript
jQuery height()、innerHeight()、outerHeight()函数的区别详解
May 23 Javascript
Bootstrap Table的使用总结
Oct 08 Javascript
教你如何用node连接redis的示例代码
Jul 12 Javascript
js实现的订阅发布者模式简单示例
Mar 14 Javascript
vue 使用原生组件上传图片的实例
Sep 08 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
PHP5 面向对象(学习记录)
2009/12/02 PHP
laravel 获取某个查询的查询SQL语句方法
2019/10/12 PHP
JavaScript中SQL语句的应用实现
2010/05/04 Javascript
基于JQuery的浮动DIV显示提示信息并自动隐藏
2011/02/11 Javascript
jQuery.extend 函数详解
2012/02/03 Javascript
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
2013/08/19 Javascript
js 定时器setTimeout无法调用局部变量的解决办法
2013/11/28 Javascript
JavaScript中for循环的使用详解
2015/06/03 Javascript
JS+CSS实现仿雅虎另类滑动门切换效果
2015/10/13 Javascript
jQuery多条件筛选如何实现
2015/11/04 Javascript
PHP获取当前页面完整URL的方法
2016/12/02 Javascript
浅析BootStrap中Modal(模态框)使用心得
2016/12/24 Javascript
JavaScript中运算符规则和隐式类型转换示例详解
2017/09/06 Javascript
vue 使用eventBus实现同级组件的通讯
2018/03/02 Javascript
在vue项目中使用sass的配置方法
2018/03/20 Javascript
Angular Material Icon使用详解
2018/11/07 Javascript
JavaScript创建防篡改对象的方法分析
2018/12/30 Javascript
详解小程序开发经验:多页面数据同步
2019/05/18 Javascript
elementUi vue el-radio 监听选中变化的实例代码
2019/06/28 Javascript
vue-video-player实现实时视频播放方式(监控设备-rtmp流)
2020/08/10 Javascript
Python 正则表达式操作指南
2009/05/04 Python
python为tornado添加recaptcha验证码功能
2014/02/26 Python
python益智游戏计算汉诺塔问题示例
2014/03/05 Python
介绍Python中的__future__模块
2015/04/27 Python
python使用Image处理图片常用技巧分析
2015/06/01 Python
Python对多属性的重复数据去重实例
2018/04/18 Python
Python基于dom操作xml数据的方法示例
2018/05/12 Python
python代理工具mitmproxy使用指南
2019/07/04 Python
Python实现的远程文件自动打包并下载功能示例
2019/07/12 Python
Python自动化之UnitTest框架实战记录
2020/09/08 Python
AmazeUI 按钮交互的实现示例
2020/08/24 HTML / CSS
舞蹈兴趣小组活动总结
2014/07/07 职场文书
商场租赁意向书
2014/07/30 职场文书
党委书记个人检查对照材料思想汇报
2014/10/11 职场文书
任命书格式范文
2015/09/22 职场文书
详解Python生成器和基于生成器的协程
2021/06/03 Python