jQuery对象和DOM对象的相互转换 - - ITeye博客

`

diaochenlong2

浏览: 106921 次
性别:
来自: 大连

最近访客更多访客>>

龙怀玉

caogang56789

apple010elppa

newcomerMX

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

jQuery对象和DOM对象的相互转换

博客分类：

jquery

jquery与dom之间的转换

阅读更多

jQuery对象转成DOM对象：

DOM方式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>1-6-2</title>
<!-- 引入 jQuery -->
<script src="./scripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
//等待dom元素加载完毕.
$(document).ready(function(){
	var $cr = $("#cr");  //jQuery对象
	var cr = $cr.get(0); //DOM对象，获取 $cr[0]
	$cr.click(function(){
		if(cr.checked){ //DOM方式判断
			alert("感谢你的支持!你可以继续操作!");
		}
	})
});
</script>
</head>
<body>
<input type="checkbox" id="cr"/> <label for="cr">我已经阅读了上面制度.</label>
</body>
</html>

jQuery方式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>1-6-1</title>
<!-- 引入 jQuery -->
<script src="../../scripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
//等待dom元素加载完毕.
$(document).ready(function(){
	var $cr = $("#cr");  //jQuery对象
	$cr.click(function(){
		if($cr.is(":checked")){ //jQuery方式判断
			alert("感谢你的支持!你可以继续操作！");
		}
	})
});
</script>
</head>
<body>
<input type="checkbox" id="cr"/><label for="cr">我已经阅读了上面制度.</label>
</body>
</html>

分享到：

1-5(表格) | 第一章认识jQuery

2014-03-03 18:40
浏览 510
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

jQuery对象和DOM对象之间相互转换的方法介绍: 需要注意的是，虽然可以相互转换，但jQuery对象和DOM对象不可以直接相互调用各自的方法。例如，jQuery对象不能直接使用DOM方法，因为它们并不完全相同。反之，DOM对象也不能直接使用jQuery的方法。不过，一旦完成了...

jquery对象和javascript对象即DOM对象相互转换: 了解如何在jQuery对象和DOM对象之间转换至关重要，这可以帮助我们在需要使用jQuery的强大功能时，也能灵活地利用DOM对象的原生方法。例如，当你需要操作某个特定的DOM属性，而jQuery没有提供直接的接口时，可以先将...

Java电商系统+Java学习资料+Java教程第23节+23-jquery对象与dom对象之间相互转化: Java电商系统+Java学习资料+Java教程第23节+23-jquery对象与dom对象之间相互转化。

jquery dom对象详细介绍1: jQuery 是一个广泛使用的JavaScript库，它简化了DOM操作、AJAX请求、事件处理以及创建复杂的网页特效。jQuery的核心特性包括对JSON...同时，理解jQuery对象和DOM对象的区别及其相互转换，是有效利用jQuery功能的关键。

jQuery对象与DOM对象之间的相互转换: 然而，jQuery对象和DOM对象之间存在差异，需要了解它们之间的转换方法，以便在开发过程中灵活运用。 **jQuery对象转换成DOM对象** 当需要使用DOM对象特有的方法或属性时，需要将jQuery对象转换为DOM对象。有以下两...

jquery对象和DOM对象的相互转换详解: 总之，了解和掌握jQuery对象和DOM对象的相互转换对于进行Web开发是非常有用的。这不仅可以帮助开发者更好地利用jQuery库所提供的强大功能，还能在必要时使用原生JavaScript进行更细粒度的DOM操作。

jQuery对象与DOM对象之间的转换方法: 最后，我们要认识到，虽然DOM对象和jQuery对象可以互相转换，但它们本质上是不同的对象类型，各自有自己的优势和使用场景。在开发中合理地选择使用jQuery对象或DOM对象，或者在需要时进行适当的转换，将帮助我们编写...

jquery对象和DOM对象的任意相互转换: 总的来说，jQuery对象和DOM对象的相互转换是JavaScript和jQuery开发中的基本技能，掌握这些技巧可以更好地利用这两个世界的优点，同时避免潜在的问题。通过理解它们的本质差异和转换方法，开发者可以更高效地编写出...

jQuery第1天：JQ基本介绍、使用步骤、jQuery对象与DOM对象（重点）、jQuery选择器: 两者之间可以相互转换，如`$(element)`将DOM对象转换为jQuery对象，`element[0]`或`.get(0)`则可将jQuery对象转换回DOM对象。 **jQuery选择器** jQuery选择器类似于CSS选择器，用于选取DOM元素。它们包括： 1. 基本...

jQuery对象和DOM对象相互转化: DOM对象能使用Javascript固有的方法，但是不能使用jQuery里的方法。例如：document.getElementById(“img”).src=”test.jpg”;这里的document.getElementById(“img”)就是DOM对象；$(“#img”).attr(“src”,”...

jQuery对象和DOM对象的相互转化实现代码: jQuery对象和DOM对象是两个不同的概念，但它们之间可以相互转化，以适应不同场景的需求。首先，让我们理解这两个对象的区别： **jQuery对象**：jQuery对象是通过jQuery函数包装DOM元素创建的。比如，`$(“#img”)...

jQuery简介、jQuery使用详解、DOM对象与jQuery对象的转换与区别: 两者之间可以互相转换：将DOM对象转换为jQuery对象，可以使用`$(domElement)`；反之，使用`.get(index)`或`.eq(index)`方法将jQuery对象转回DOM对象。 DOM对象与jQuery对象转换的常见用途包括使用原生方法进行性能...

jQuery对象和DOM对象使用说明: jQuery对象和DOM对象的互相转换在实际开发中，可能会遇到需要从jQuery对象中获取DOM对象的方法，或者需要将DOM对象包装为jQuery对象以使用jQuery的方法。jQuery提供了将jQuery对象转换为DOM对象的方法，使用`...

jquery对象与DOM对象转化: 本文旨在深入探讨jQuery对象与DOM对象之间的转化技巧，通过这些方法可以实现两者的相互转换，从而在Web开发过程中更灵活地运用jQuery库和原生JavaScript。首先，我们需要了解jQuery对象与DOM对象的基本区别。一个...

JQUERY 对象与DOM对象之两者相互间的转换: 今天主要看看jQuery对象和dom对象的相互转换，明白了这个，以后用起jQuery会方便很多。 1、方法名冲突的解决办法在开始使用jQuery时，我们首先应该避免jQuery与其他类库或自定义js的冲突。先看一段最简单的代码： ...

jquery对象和DOM对象的区别介绍: （http://shawphy.com/jqueryapi/ 这里是最新文档，有离线版下载）第三步，深刻了解jQuery对象和普通DOM对象的区别。互相转化见Q1 Q1,js的写法:document.getElementById(‘save’).disabled=true; 在jquery中我是...

Global site tag (gtag.js) - Google Analytics