js与jq对象相互转化 

一 概念
- js对象转换为jq对象：$ele = $(ele);
- jq对象转换为js对象：ele = ele.get(0);

二 代码示范

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>对象转化</title>
<style type="text/css">
.div {
width: 200px;
height: 200px;
background-color: red;
}
</style>
</head>
<body>
<div></div>
</body>
<script src="js/jquery-3.3.1.js"></script>
<script type="text/javascript">
var $div = $('div');
// jq => js
// innerText
var div = $div[0];
div.innerText = "呵呵";

// js => jq
// addClass
var $n_div = $(div);
$n_div.addClass("div");
</script>
</html>

 
posted @ 2018-10-23 15:56  不沉之月  阅读(535)  评论(0)    收藏  举报