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 相关文章推荐
火狐浏览器(firefox)下获得Event对象以及keyCode
Nov 13 Javascript
基于jquery.Jcrop的头像编辑器
Mar 01 Javascript
一个简单的js树形菜单
Dec 09 Javascript
jquery创建表格(自动增加表格)代码分享
Dec 25 Javascript
超级好用的jQuery圆角插件 Corner速成
Aug 31 Javascript
浅谈js图片前端预览之filereader和window.URL.createObjectURL
Jun 30 Javascript
Bootstrap框架结合jQuery仿百度换肤功能实例解析
Sep 17 Javascript
原生JS实现简单放大镜效果
Feb 08 Javascript
JSONP基础知识详解
Mar 19 Javascript
深入浅析Vue.js计算属性和侦听器
May 05 Javascript
浅谈webpack4 图片处理汇总
Sep 12 Javascript
Layui多选只有最后一个值的解决方法
Sep 02 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
re0第二季蕾姆被制作组打入冷宫!艾米莉亚女主扶正,原因唏嘘
2020/04/02 日漫
phpfans留言版用到的install.php
2007/01/04 PHP
php curl_init函数用法
2014/01/31 PHP
在Linux系统下一键重新安装WordPress的脚本示例
2015/06/30 PHP
大家须知简单的php性能优化注意点
2016/01/04 PHP
php分页查询mysql结果的base64处理方法示例
2017/05/18 PHP
Web版彷 Visual Studio 2003 颜色选择器
2007/01/09 Javascript
脚本之家贴图转换+转贴工具用到的js代码超级推荐
2007/04/05 Javascript
jquery删除提示框弹出是否删除对话框
2014/01/07 Javascript
js实现文字跟随鼠标移动而移动的方法
2015/02/28 Javascript
javascript实现youku的视频代码自适应宽度
2015/05/25 Javascript
jquery性能优化高级技巧
2015/08/24 Javascript
详解AngularJS中的filter过滤器用法
2016/01/04 Javascript
AngularJS教程 ng-style 指令简单示例
2016/08/03 Javascript
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
2017/09/07 Javascript
详解cordova打包成webapp的方法
2017/10/18 Javascript
JS实现点击链接切换显示隐藏内容的方法
2017/10/19 Javascript
React Native 截屏组件的示例代码
2017/12/06 Javascript
在vue中使用vue-echarts-v3的实例代码
2018/09/13 Javascript
原生JS实现手动轮播图效果实例代码
2018/11/22 Javascript
vue百度地图 + 定位的详解
2019/05/13 Javascript
JavaScript如何把两个数组对象合并过程解析
2019/10/10 Javascript
[42:24]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第一场 11.01
2020/11/02 DOTA
python实现通过pil模块对图片格式进行转换的方法
2015/03/24 Python
Python实现二分查找算法实例
2015/05/26 Python
Python实现控制台进度条功能
2016/01/04 Python
简单谈谈Python的pycurl模块
2018/04/07 Python
Python文件监听工具pyinotify与watchdog实例
2018/10/15 Python
Python实例方法、类方法、静态方法的区别与作用详解
2019/03/25 Python
python中的列表与元组的使用
2019/08/08 Python
python的mysql数据库建立表与插入数据操作示例
2019/09/30 Python
PyCharm+PyQt5+QtDesigner配置详解
2020/08/12 Python
Html5适配iphoneX刘海屏的简单实现
2019/04/09 HTML / CSS
啤酒销售实习自我鉴定
2013/09/24 职场文书
优秀教师事迹简介
2014/02/02 职场文书
实习推荐信
2014/05/10 职场文书