与javaScript相比,Jquery更简洁。浏览器的兼容性更强,语法更灵活,对xpath的支持更强大。一个$符就可以遍历文档中各级元素。例:在页面上有一个无序列表,我们需要将所有列表项中的文本内容提取出来并显示。
//javascript代码 <script type = "text/javascript"> var listTimes = document.getElementByTagName("li"); var str = ""; ; i < listTimes.length; i++){ str += listTimes[i].firstChild.nodeValue; alert(str); } </script> //jquery代码 <script type = "text/javascript"> $(function(){ alert($("li").text()); }); </script>
两者相比jquery处理更为简洁,代码量明显减少。以此可见jquery的好处;
什么是jquery?答:jquery是一个快速简洁的javascript库。可以简化HTML文档的元素遍历、事件处理、动画及Ajax交互,快速开发Web应用。jquery有哪些特点?1、轻量级,jquery是一个轻量型框架,程序短小,配置简单;2、DOM选择,可以轻松获取任意DOM元素或DOM元素封装后的jquery对象;3、CSS处理,可以轻松设置、删除、读取CSS属性;4、链式函数调用,可以将多个函数链接起来被一个jquery对象一次性调用;5、事件注册,可以对一个或多个对象注册事件,让画面和事件分离;6、对象克隆,可以克隆任意对象及其组件;7、Ajax支持,跨浏览器,支持IE6.0+、Opear9.0+、Firefox 2+、Safari 2.0+、Google Chrome 1.0+;jquery能做哪些功能?1、取得页面中的元素;2、修改页面的外观;3、改变页面的内容;4、响应用户的页面操作;5、为页面添加动态效果;6、无需刷新页面即可从服务器获取信息;7、简化常见的javaScript任务;jquery脚本类库比较。jquery的引用
<script type="text/javaScript" src = "jquery-1.6.js"></script>
如何学习jquery?网上有很多jquery的在线文件可供参考http://tool.oschina.net/apidocs/apidoc?api=jquery