<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript" type="text/ecmascript" src="../include/jquery.js"></script>
<script language="javascript" type="text/ecmascript">
$(document).ready(function (){
//************************普通dom转换成jquery**************************
//普通 dom 获取文本框的值
var uname=document.getElementById('username');
//alert(uname);
//使用 jquery 方式获取文本框的值
var jname=$(uname); //普通对象转换为jquery对象
alert(jname.val());
//************************普通jquery转换成dom**************************
//1、使用jquery获取文本框的内容
//alert($("#username").val());
//2、把jquery对象转换成dom对象
var dom=("#username").get(0);
//var dom=$("#username")[0];
alert(dom.value);
//总结:dom对象转换为jquery对象,是通过 "$(普通的dom对象)"来实现
// jquery对象转换为dom对象思路:
// 1)jquery对象.get[0];
// 2)jquery对象[0];
});
</script>
</head>
<body>
<input type="text" id="username" value="哈哈" />
</body>
</html>
jquery与dom互换
最新推荐文章于 2022-06-08 21:51:20 发布