教程集 > jQuery > jquery 教程 > 正文 jquey笔记之dom对象与jquery对象互换的例子

jquey笔记之dom对象与jquery对象互换的例子

发布时间：2015-11-11 编辑：jiaochengji.com

本文介绍下，在jquery中实现dom对象与jquery对象之间转换的例子，有需要的朋友参考下吧。

实例：
dom对象与jquery对象的相互转换

<html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <script type="text/javascript" src="jquery-1.3.1.js"></script> </head> <body> <input type="text" id="test" value="test"> <input type="button" value="提交" onclick="testing()"> <script type="text/javascript"> //纯js方法 var obj1=document.getElementById("test"); function testing(){ var obj1=document.getElementById("test"); window.alert(obj1.value); } //如果是jquery对象,规定一个jquery对象名是 $开头 var $obj2=$("#test"); window.alert($obj2.val()); //输出test //dom->jquery 对象 /* $(document).ready(function(){ var $obj3=$(obj1); //obj3就是jquery对象 window.alert($obj3.val()); });*/ //jquery->dom对象 //有两种方法.1. $(document).ready(function(){ //第一种方法在jquery开发中，把一个对象当做集合处理 //var obj4=$obj2[0]; //obj4就是dom对象 //第二种方法 var obj4=$obj2.get(0); window.alert(obj4.value); //输出test }); </script> </body> </html>

您可能感兴趣的文章：
jquey笔记之dom对象与jquery对象互换的例子
 jQuery学习笔记之DOM对象和jQuery对象
 JQUERY 对象与DOM对象之两者相互间的转换
 jQuery对象和Javascript对象之间转换的实例代码
 jQuery对象与DOM对象之间的转换方法
 jQuery对象和DOM对象相互转化
 jQuery对象和DOM对象使用说明
 jQuery对象和DOM对象的相互转化实现代码
 Jquery 学习笔记（一）
JavaScript对象之间的转换 jQuery对象和原声DOM

上一篇：jquery检测浏览器名称和版本信息的例子下一篇：jquery下拉菜单效果 jquery点击弹出下拉菜单的例子

[关闭]

jquey笔记之dom对象与jquery对象互换的例子

最近更新

浏览排行