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 相关文章推荐
破解Session cookie的方法
Jul 28 Javascript
Javascript 匿名函数及其代码模式原理
Mar 19 Javascript
自己用jQuery写了一个图片的马赛克消失效果
May 04 Javascript
jQuery Masonry瀑布流插件使用详解
Nov 17 Javascript
JavaScript设计模式之工厂方法模式介绍
Dec 28 Javascript
浅谈JavaScript数据类型及转换
Feb 28 Javascript
浅析JS异步加载进度条
May 05 Javascript
让你一句话理解闭包(简单易懂)
Jun 03 Javascript
小程序文字跑马灯效果
Dec 28 Javascript
微信小程序传值以及获取值方法的详解
Apr 29 Javascript
wx-charts 微信小程序图表插件的具体使用
Aug 18 Javascript
ES6 Promise对象概念及用法实例详解
Oct 15 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
骨王战斗力在公会成员中排不进前五,却当选了会长,原因竟是这样
2020/03/02 日漫
自己动手,丰衣足食 - 短波框形天线制作
2021/03/01 无线电
mysql From_unixtime及UNIX_TIMESTAMP及DATE_FORMAT日期函数
2010/03/21 PHP
在PHP上显示JFreechart画的统计图方法
2013/11/03 PHP
WordPress中获取页面链接和标题的相关PHP函数用法解析
2015/12/17 PHP
thinkPHP自动验证、自动添加及表单错误问题分析
2016/10/17 PHP
对php 判断http还是https,以及获得当前url的方法详解
2019/01/15 PHP
利用javascript移动div层-javascript 拖动层
2009/03/22 Javascript
使用CSS样式position:fixed水平滚动的方法
2014/02/19 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
2014/08/15 Javascript
javascript常见数据验证插件大全
2015/08/03 Javascript
JS中多步骤多分步的StepJump组件实例详解
2016/04/01 Javascript
jQuery实现div跟随鼠标移动
2020/08/20 jQuery
JS设计模式之观察者模式实现实时改变页面中金额数的方法
2018/02/05 Javascript
详解vue-cli3使用
2018/08/14 Javascript
es6数组includes()用法实例分析
2020/04/18 Javascript
微信小程序实现底部弹出框
2020/11/18 Javascript
python 获取文件列表(或是目录例表)
2009/03/25 Python
Python基于time模块求程序运行时间的方法
2017/09/18 Python
快速入门python学习笔记
2017/12/06 Python
详解Python中的type和object
2018/08/15 Python
Django使用消息提示简单的弹出个对话框实例
2019/11/15 Python
python 实现return返回多个值
2019/11/19 Python
Python使用sys.exc_info()方法获取异常信息
2020/07/23 Python
python Matplotlib基础--如何添加文本和标注
2021/01/26 Python
如何判断一段程序是由C 编译程序还是由C++编译程序编译的
2013/08/04 面试题
技术经理的自我评价范文
2013/12/03 职场文书
办公室经理岗位职责
2014/01/01 职场文书
预备党员入党思想汇报
2014/01/04 职场文书
高三英语教学反思
2014/01/13 职场文书
信息技术毕业生自荐信范文
2014/03/13 职场文书
文明村创建实施方案
2014/03/27 职场文书
《望庐山瀑布》教学反思
2014/04/22 职场文书
房屋过户委托书范本
2014/10/07 职场文书
2015年幼儿园班务工作总结
2015/05/12 职场文书
win10下go mod配置方式
2021/04/25 Golang