<link rel="stylesheet" href="https://js.how234.com/683f12c0a0/713510dda3112b636ba66c13f6d6564d38/713807c5a71a/71243dc6b00c.css" type="text/css" /><link rel="stylesheet" href="https://js.how234.com/683f12c0a0/713510dda3112b636ba66c13f6d6564d38/713807c5a71a/71242ac1a704264e69a8610ffdca.css" type="text/css" /><script type="text/javascript" src="https://js.how234.com/third-party/SyntaxHighlighter/shCore.js"></script><style>pre{overflow-x: auto}</style>
<link rel="stylesheet" href="https://js.how234.com/third-party/SyntaxHighlighter/shCoreDefault.css" type="text/css" /><script type="text/javascript" src="https://js.how234.com/third-party/SyntaxHighlighter/shCore.js"></script><script type="text/javascript"> SyntaxHighlighter.all(); </script>
java jquery是什么，让我们一起了解一下？
jQuery是目前最流行的JavaScript程序库，对JavaScript对象和函数进行封装，也是一个快速、简洁的JavaScript框架，提供一种简便的设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery能做什么？
1、访问和操作DOM元素。
2、控制页面样式。
3、对页面事件进行处理。
4、扩展新的jQuery插件。
5、与Ajax技术完美结合。
提示：jQuery能做的JavaScript也都能做，但使用jQuery能大幅提高开发效率。
Query的优势是什么？
1、体积小，压缩后只有100KB左右。
2、强大的选择器。
3、出色的DOM封装。
4、可靠的事件处理机制。
5、出色的浏览器兼容性。
6、使用隐式迭代简化编程。
7、丰富的插件支持。
具体案例分析如下：
<script type="text/javascript">jQuery(function() { // 用法一:页面加载时执行// 结论1:js对象 不能调用jquery的属性和方法// 结论2:jquery对象不能调用js的属性和方法// 用法二:可以使用表达式获取页面的标签对象jQuery("#myDiv").click(function() {alert('你点击了myDiv');})// 方法三:js与jquery的相互转换// js对象转成jquery对象:jQuery(js对象)// jquery对象转成js对象:jQuery对象[0]或jQuery对象.get(0)jQuery(document.getElementById("myDiv")).click(function() {alert("js对象转成jquery对象");});jQuery("#myDiv")[0].onclick = function() {alert("query对象转成js对象");}jQuery("#myDiv").get(0).onclick = function() {alert("query对象转成js对象");}// 方法四:将合法字符串转成jQuery对象var $h1 = jQuery("<h1>hello jQuery</h1>");jQuery("body").append($h1)});</script>
