jquery1.5.1中根据元素ID获取元素对象的代码
在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>
相关推荐
-
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
下面说一下,最近在使用jquery 1.4中使用$.ajax()方法解析json对象遇到的问题. Json对象是: 复制代码 代码如下: [{name:'二手房出售',infoCount:0,pageUrl:'/ershoufang'},{name:'二手房求购',infoCount:0,pageUrl:'/qiugou'},{name:'二手房装修',infoCount:0,pageUrl:'/esfzhuangxiu'},{name:'二手回收',infoCount:0,pageUrl:'/
-
jQuery中add实现同时选择两个id对象
当用jQuery要选择demo1标签时,会用到下面代码:jQuery('#demo1"); 当用jQuery选择demo1和demo2,不要告诉我用jQuery('div'). 这时就要用到标题中提到的方法,jQuery add方法:追加标签. jQuery add使用方法: jQuery('#demo1").add('#demo2");
-
jQuery判断指定id的对象是否存在的方法
jQuery判断指定id的对象是否存在,只需要判断对象的length是否大于0即可. 示例: 正确的判断写法如下: if($("#object_id").length>0) { alert('对象存在'); } else { alert('对象不存在'); } 或者直接使用原生的 Javascript 代码来判断: if(document.getElementById("id")) { alert('对象存在'); } else { alert('对象不存在'
-
Jquery判断$("#id")获取的对象是否存在的方法
一.判断对象对象是否存在 如果是下面的 jQuery 代码判断一个对象是否存在,是不能用的 复制代码 代码如下: if($("#id")){ }else{} 因为 $("#id") 不管对象是否存在都会返回 object . 正确使用判断对象是否存在应该用: 复制代码 代码如下: if($("#id").length>0){}else{} 使用 jQuery 对象的属性 length 来判断,如果 > 0 就存在. 或者 复制代码 代
-
jquery1.5.1中根据元素ID获取元素对象的代码
在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/
-
js中利用tagname和id获取元素的方法
本文分享了js中利用tagname和id获取元素的3种方法,供大家参考,具体内容如下 方法一:整体法,先获取所有的元素,再通过ai+-b的方法来算出需要的元素 方法二:数组法,在全局环境下建立空数组,遇到需要循环的结构时,在循环中获取元素,并放入数组 方法三:函数法,遇到相同的几组元素时,只操作一组元素,并用函数传参来实现所有的效果 具体代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta cha
-
Python中BeautifulSoup通过查找Id获取元素信息
比如如下的html 他是在span标签下的class为name,id为is-like-span 这样就可以通过这样的代码进行方法: isCliked = soup.find('span', id = 'is-like-span' 通过这种方式去获取即可,如果里面的为字符串则调用get_text()即可 到此这篇关于Python中BeautifulSoup通过查找Id获取元素信息的文章就介绍到这了,更多相关BeautifulSoup Id获取元素信息内容请搜索我们以前的文章或继续浏览下面的相关文章
-
一篇文章搞懂Vue3中如何使用ref获取元素节点
目录 前言 1.回顾 Vue2 中的 ref 2.Vue3 中 ref 访问元素 3.v-for 中使用 ref 4.ref 绑定函数 5.组件上使用 ref 总结 前言 虽然在 Vue 中不提倡我们直接操作 DOM,毕竟 Vue 的理念是以数据驱动视图.但是在实际情况中,我们有很多需求都是需要直接操作 DOM 节点的,这个时候 Vue 提供了一种方式让我们可以获取 DOM 节点:ref 属性.ref 属性是 Vue2 和 Vue3 中都有的,但是使用方式却不大一样,这也导致了很多从 Vue2
-
MybatisPlus中插入数据后获取该对象主键值的实现
实体对象 主键IdType要设置为AUTO 表示数据库ID自增 @Data @EqualsAndHashCode(callSuper = false) @Accessors(chain = true) public class Employee implements Serializable { private static final long serialVersionUID = 1L; @TableId(value = "id", type = IdType.AUTO) priv
-
js querySelector和getElementById通过id获取元素的区别
这是sina同事xiaoniu发现的,如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> </head> <body> <div id="02E503E2A1C011CFC85B7B701A0677EC0900000000000001"></div> <script> var str = '02E5
-
Java中通过Class类获取Class对象的方法详解
前言 本文主要给大家介绍的是关于Java通过Class类获取Class对象的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍: 阅读API的Class类得知,Class 没有公共构造方法.Class 对象是在加载类时由 Java 虚拟机以及通过调用类加载器中的 defineClass 方法自动构造的 获取Class对象的三种方式(实例采用Person类) 方式1:通过Object类的getObject()方法 Person p = new Person(); Class c
-
Jquery获取元素的父容器对象示例代码
例:获取id为a的img标签的 $("#a").parent().attr("id");
-
spring中通过ApplicationContext getBean获取注入对象的方法实例
用SpringContextUtil实现ApplicationContextAware package util; import java.util.Locale; import org.springframework.beans.BeansException; import org.springframework.context.ApplicationContext; import org.springframework.context.ApplicationContextAware; pub
随机推荐
- JavaScript实现的可变动态数字键盘控件方式实例代码
- DB2编程序技巧 (八)
- Access使用宏控制程序 3.在宏中使用条件
- 深入理解node.js之path模块
- 详解在Spring Boot框架下使用WebSocket实现消息推送
- JS获取浏览器版本及名称实现函数
- 服务端拼接json数据格式的正确写法(Append方式)
- 深入掌握include_once与require_once的区别
- 完美解决Thinkphp3.2中插入相同数据的问题
- Python中生成Epoch的方法
- C#创建WCF服务控制台应用程序详解
- 详解C#中的属性和属性的使用
- MYSQL事件查看器使用介绍
- 解决JS内存泄露之js对象和dom对象互相引用问题
- sql server代理中作业执行SSIS包失败的解决办法
- MongoDB的查询方法
- MySql增加用户、授权、修改密码等语句
- C语言中栈和队列实现表达式求值的实例
- Javacv使用ffmpeg实现音视频同步播放
- 5 种JavaScript编码规范