Conversión mutua entre el objeto Jquery y el objeto JS DOM
Conversión de un objeto DOM en un objeto Jquery
Para un objeto DOM que ya es, simplemente use $ () para envolver el objeto DOM para obtener un objeto Jquery: $ (objeto DOM)
instancia 1:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>DOM对象转换为Jquery对象</title>
<!--导入Jquery框架-->
<script src="jquery-1.11.3.js"></script>
</head>
<body>
username:<input id="username" value="admin"><br>
<script>
/*通过原生态JS获取一个DOM对象*/
var e_input=document.getElementById("username");
/*将DOM对象装换为Jquery对象*/
var $_input = $(e_input);
/*转换成功后就可以使用Jquery对象中的属性和方法了*/
alert($_input.val())
</script>
</body>
</html>
Convertir un
objeto Jquery en un objeto DOM Hay dos formas de convertir un objeto Jquery en un objeto DOM: objeto Jquery [índice] y objeto Jquery.get (índice).
Ejemplo 2: el objeto Jquery es esencialmente un objeto de matriz y el objeto DOM correspondiente se puede obtener mediante el método [index]
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>使用数组的形式将Jquery对象转换为DOM对象</title>
<script src="jquery-1.11.3.js"></script>
</head>
<body>
username:<input id="username" value="admin"><br>
<script>
/*根据Id获取一个Jquery对象*/
var $_input=$("#username");
/*使用数组的形式将Jquery对象转换为DOM对象*/
var e_input=$_input[0];
/*调用DOM中的属性和方法*/
var val=e_input.value;
alert(val);
</script>
</body>
</html>
Ejemplo 3: use get (index) para convertir objetos JQuery en objetos DOM
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>使用get(index)方式将JQuery对象转换成DOM对象</title>
<script src="jquery-1.11.3.js"></script>
</head>
<body>
username:<input id="username" value="admin123"><br>
<script>
/*根据Id获取一个Jquery对象*/
var $_input=$("#username");
/*使用get(index)方式将JQuery对象转换成DOM对象*/
var e_input=$_input.get(0);
/*调用DOM中的属性和方法*/
var val=e_input.value;
alert(val);
</script>
</body>
</html>
La originalidad no es fácil, por favor avise.