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 相关文章推荐
jQuery 渐变下拉菜单
Dec 15 Javascript
ExtJS 学习专题(一) 如何应用ExtJS(附实例)
Mar 11 Javascript
JavaScript数组随机排列实现随机洗牌功能
Mar 19 Javascript
javascript属性访问表达式用法分析
Apr 25 Javascript
jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法
Nov 23 Javascript
详解javascript实现瀑布流列式布局
Jan 29 Javascript
基于javascript实现句子翻牌网页版小游戏
Mar 23 Javascript
jQuery分页插件jquery.pagination.js使用方法解析
Feb 09 Javascript
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
Mar 14 Javascript
vue发送websocket请求和http post请求的实例代码
Jul 11 Javascript
微信小程序分享小程序码的生成(带参数)以及参数的获取
Mar 25 Javascript
vue props 一次传多个值实例
Jul 22 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的mysqli_sqlstate()函数讲解
2019/01/23 PHP
Gird事件机制初级读本
2007/03/10 Javascript
JavaScript 利用StringBuffer类提升+=拼接字符串效率
2009/11/24 Javascript
精通JavaScript 纠正 cleanWhitespace函数
2010/03/11 Javascript
JavaScript Accessor实现说明
2010/12/06 Javascript
基于jquery ajax 用户无刷新登录方法详解
2012/04/28 Javascript
js将字符串转成正则表达式的实现方法
2013/11/13 Javascript
jquery实现省市select下拉框的替换(示例代码)
2014/02/22 Javascript
解释&amp;&amp;和||在javascript中的另类用法
2014/07/28 Javascript
JavaScript中textRange对象使用方法小结
2015/03/24 Javascript
javascript表格的渲染组件
2015/07/03 Javascript
JavaScript对象参数的引用传递
2016/01/14 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐)
2016/06/23 Javascript
Web安全测试之XSS实例讲解
2016/08/15 Javascript
JS简单判断滚动条的滚动方向实现方法
2017/04/28 Javascript
深入研究jQuery图片懒加载 lazyload.js使用方法
2017/08/16 jQuery
JS实现简单的选择题测评系统代码思路详解(demo)
2017/09/03 Javascript
AngularJS实现的锚点楼层跳转功能示例
2018/01/02 Javascript
新年快乐! javascript实现超级炫酷的3D烟花特效
2019/01/30 Javascript
微信小程序顶部导航栏可滑动并选中放大
2019/12/05 Javascript
一个基于flask的web应用诞生 记录用户账户登录状态(6)
2017/04/11 Python
Python 处理数据的实例详解
2017/08/10 Python
python 将md5转为16字节的方法
2018/05/29 Python
Python中is和==的区别详解
2018/11/15 Python
python机器学习实现决策树
2019/11/11 Python
解决pyshp UnicodeDecodeError的问题
2019/12/06 Python
浅谈基于HTML5的在线视频播放方案
2016/02/18 HTML / CSS
HTML5自定义视频播放器源码
2020/01/06 HTML / CSS
波兰数码相机及配件网上商店: Cyfrowe.pl
2017/06/19 全球购物
用JAVA SOCKET编程,读服务器几个字符,再写入本地显示
2012/11/25 面试题
好邻里事迹材料
2014/01/16 职场文书
村委会换届选举方案
2014/05/03 职场文书
环境工程专业自荐信范文
2014/06/24 职场文书
学习十八大演讲稿
2014/09/15 职场文书
实习证明格式范文
2014/10/14 职场文书
Java实现注册登录跳转
2022/06/16 Java/Android