Web前端新人笔记之了解Jquery

boyanx3个月前技术教程13
与javaScript相比,Jquery更简洁。浏览器的兼容性更强,语法更灵活,对xpath的支持更强大。一个$符就可以遍历文档中各级元素。
例:在页面上有一个无序列表,我们需要将所有列表项中的文本内容提取出来并显示。
 1 //javascript代码
 2 <script type = "text/javascript">
 3     var listTimes = document.getElementByTagName("li");
 4     var str = "";
 5     for(var i = 0; i < listTimes.length; i++){
 6         str += listTimes[i].firstChild.nodeValue;
 7         alert(str);
 8     }    
 9 </script>
10 //jquery代码
11 <script type = "text/javascript">
12     $(function{
13         alert($("li").text);
14     }); 
15 </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的引用
1 <script type="text/javaScript" src = "jquery-1.6.js"></script>
如何学习jquery?
网上有很多jquery的在线文件可供参考
http://tool.oschina.net/apidocs/apidoc?api=jquery

标签: jquery 插件

相关文章

用户界面框架jQuery EasyUI示例大全之Tabs

jQuery EasyUI最新试用版免费下载>jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。jQuery EasyUI提供了基于当下流行的jQuery...

用户界面框架jQuery EasyUI 1.4发布

最新消息:jQuery用户界面开发框架jQuery EasyUI 1.4发布。此次更新修复了两个bug,对菜单、Combo等控件作了多处改进,用户体验上会有进一步提升。下面是详细更新内容:修复的Bug...

jQuery EasyUI使用教程:创建基本的树网格

树形网格组件从数据网格中继承,但是允许在行之间存在父/子节点关系。许多属性继承至数据网格,可以用在树形网格中。为了使用树形网格,用户必须定义 'treeField' 属性,指明哪个字段作为树节点。本教...

利用jquery.validate以及bootstrap的tooltip开发气泡式的表单校验组件

表单校验是页面开发中非常常见的一类需求,相信每个前端开发人员都有这方面的经验。网上有很多成熟的表单校验框架,虽然按照它们默认的设计,用起来没有多大的问题,但是在实际工作中,表单校验有可能有比较复杂的个...

jQuery EasyUI使用教程:在数据网格中添加一个分页

jQuery EasyUI最新版下载>本教程中涉及的示例演示了如何从服务器端加载数据,如何添加分页组件到数据网格中。创建数据网格想要从远程服务器端加载数据,首先你应该设置“URL”属性,服务器端...

用户界面框架jQuery EasyUI示例大全之DataGrid

jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。jQuery EasyUI提供了基于当下流行的jQuery core和HTML5的控件,助您打造适合当今网络的...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。