<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-3.1.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function() {
var div = document.getElementById("div");
console.log(div);
var $div = $('#div');
console.log($div);
var style = div.style.background = 'red';
console.log(style);
var $style = $div.css('background', 'red');
console.log($style);
var classStr = div.className = 'div1';
console.log(classStr);
var $classStr = $div.attr('class', 'div2');
console.log($classStr);
$div.css().Attr().animate();
经过以上返回值的观察，发现js方法的返回值并不是选中的标签，而jq方法的返回值是jq选中的标签对象，在jq中，每个方法都会返回当前选中、操作的对象，因此，使用链式语法给选中的标签添加操作，表面上是添加在前一个方法身上，本质是添加在前一个方法的返回值上，也就是选中、操作的jq标签对象
});
</script>
</head>
<body>
<div id="div"></div>
</body>
</html>
