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中的排序算法代码
Feb 22 Javascript
jquery实现省市select下拉框的替换(示例代码)
Feb 22 Javascript
基于javascript的COOkie的操作实现只能点一次
Dec 26 Javascript
Javascript访问器属性实例分析
Dec 30 Javascript
javascript中in运算符用法分析
Apr 28 Javascript
js利用正则表达式检验输入内容是否为网址
Jul 05 Javascript
jQuery操作dom实现弹出页面遮罩层(web端和移动端阻止遮罩层的滑动)
Aug 25 Javascript
JS简单去除数组中重复项的方法
Sep 13 Javascript
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
Jun 09 jQuery
Angular弹出模态框的两种方式
Oct 19 Javascript
vue2.0移动端滑动事件vue-touch的实例代码
Nov 27 Javascript
手写Vue源码之数据劫持示例详解
Jan 04 Vue.js
在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
使用PHPMyAdmin修复论坛数据库的图文方法
2012/01/09 PHP
基于PHP中的常用函数回顾
2013/07/11 PHP
php生成静态html页面的方法(2种方法)
2015/09/14 PHP
Yii2中cookie用法示例分析
2016/07/18 PHP
PHP文件上传处理案例分析
2016/10/15 PHP
通过DOM脚本去设置样式信息
2010/09/19 Javascript
jQuery:节点(插入,复制,替换,删除)操作
2013/03/04 Javascript
Js和JQuery获取鼠标指针坐标的实现代码分享
2015/05/25 Javascript
js实现根据身份证号自动生成出生日期
2015/12/15 Javascript
JavaScript事件学习小结(三)js事件对象
2016/06/09 Javascript
详解Python中logging日志模块在多进程环境下的使用
2016/12/26 Javascript
js常用的继承--组合式继承
2017/03/06 Javascript
JS 组件系列之 bootstrap treegrid 组件封装过程
2017/04/28 Javascript
vue-lazyload图片延迟加载插件的实例讲解
2018/02/09 Javascript
JSON数据中存在单个转义字符“\”的处理方法
2018/07/11 Javascript
微信小程序与后台PHP交互的方法实例分析
2018/12/10 Javascript
详解Vue中组件的缓存
2019/04/20 Javascript
Node对CommonJS的模块规范
2019/11/06 Javascript
python基于multiprocessing的多进程创建方法
2015/06/04 Python
Python Requests库基本用法示例
2018/08/20 Python
Django 静态文件配置过程详解
2019/07/23 Python
django数据关系一对多、多对多模型、自关联的建立
2019/07/24 Python
详解用python生成随机数的几种方法
2019/08/04 Python
pyqt5 QScrollArea设置在自定义侧(任何位置)
2019/09/25 Python
html5清空画布方法(三种)
2017/10/16 HTML / CSS
Old Navy加拿大官网:美式休闲服饰品牌
2017/09/26 全球购物
LORAC官网:美国彩妆品牌
2019/08/27 全球购物
施华洛世奇巴西官网:SWAROVSKI巴西
2019/12/03 全球购物
银行学习十八大感想
2014/01/11 职场文书
党员干部三严三实心得体会
2014/10/13 职场文书
投资意向协议书
2015/01/29 职场文书
工程部岗位职责
2015/02/10 职场文书
校长师德表现自我评价
2015/03/04 职场文书
入党培养人考察意见
2015/06/08 职场文书
golang 实现Location跳转方式
2021/05/02 Golang
Django显示可视化图表的实践
2021/05/10 Python