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 相关文章推荐
通过DOM脚本去设置样式信息
Sep 19 Javascript
Javascript代码在页面加载时的执行顺序介绍
May 03 Javascript
php读取sqlite数据库入门实例代码
Jun 25 Javascript
Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
Sep 01 Javascript
详谈JavaScript 匿名函数及闭包
Nov 14 Javascript
JS阻止事件冒泡行为和闭包的方法
Jun 16 Javascript
微信小程序 Video API实例详解
Oct 02 Javascript
js清除浏览器缓存的几种方法
Mar 15 Javascript
原生JS实现的简单小钟表功能示例
Aug 30 Javascript
Vue-component全局注册实例
Sep 06 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
Oct 12 Javascript
解决nuxt页面中mounted、created、watch执行两遍的问题
Nov 05 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编写PDF文档生成器
2006/10/09 PHP
phpstorm配置Xdebug进行调试PHP教程
2014/12/01 PHP
php array_key_exists() 与 isset() 的区别
2016/10/24 PHP
PHP基于简单递归函数求一个数阶乘的方法示例
2017/04/26 PHP
JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
2013/12/14 Javascript
css结合js制作下拉菜单示例代码
2014/02/27 Javascript
Bootstrap实现带暂停功能的轮播组件(推荐)
2016/11/25 Javascript
关于vue.js组件数据流的问题
2017/07/26 Javascript
详解让sublime text3支持Vue语法高亮显示的示例
2017/09/29 Javascript
使用ajax的post同步执行(实现方法)
2017/12/21 Javascript
微信小程序自定义tab实现多层tab嵌套功能
2018/06/15 Javascript
JavaScript数组去重的几种方法
2019/04/07 Javascript
layui实现tab的添加拒绝重复的方法
2019/09/04 Javascript
详解JavaScript中new操作符的解析和实现
2020/09/04 Javascript
python爬虫爬取淘宝商品信息(selenum+phontomjs)
2018/02/24 Python
Flask框架踩坑之ajax跨域请求实现
2019/02/22 Python
python语言元素知识点详解
2019/05/15 Python
Python如何使用k-means方法将列表中相似的句子归类
2019/08/08 Python
使用pyqt5 tablewidget 单元格设置正则表达式
2019/12/13 Python
使用Python实现批量ping操作方法
2020/05/06 Python
HTML页面中添加Canvas标签示例
2015/01/01 HTML / CSS
eDreams澳大利亚:预订机票、酒店和度假产品
2017/04/19 全球购物
初中科学教学反思
2014/01/21 职场文书
绿化先进工作者事迹材料
2014/01/30 职场文书
《雨点》教学反思
2014/02/12 职场文书
会计与审计专业自荐信范文
2014/03/15 职场文书
内勤主管岗位职责
2014/04/03 职场文书
网站推广策划方案
2014/06/04 职场文书
亲子运动会的活动方案
2014/08/17 职场文书
党员个人总结自评
2015/02/14 职场文书
义卖募捐活动总结
2015/05/09 职场文书
社会实践单位意见
2015/06/05 职场文书
企业内部管理控制:采购授权审批制度范本
2020/01/19 职场文书
python中数组和列表的简单实例
2022/03/25 Python
Python实现猜拳与猜数字游戏的方法详解
2022/04/06 Python
使用Ajax实现无刷新上传文件
2022/04/12 Javascript