与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
												

Web前端新人笔记之了解Jquery的更多相关文章

  1. Web前端新人笔记之jquery选择符

    jquery利用了CSS选择符的能力,让我们能够在DOM中快捷而轻松的获取元素或元素集合.本章将介绍以下内容: 1.网页中的元素结构: 2.如何通过CSS选择符在页面中查找元素: 3.扩展jquery ...

  2. Web前端新人笔记之jquery入门

    本章将为大家介绍以下几点内容: 1.jquery的主要特点: 2.建立jquery的编码环境: 3.简单jquery脚本示例: 4.选择jquery而不是纯javaScript的理由: 5.常用的jq ...

  3. Web前端新人笔记之文本属性

    前一段时间因工作时间减缓了更新笔记的时间.我也不知道有没有会观看并且能不能帮到一些初学者,这只是我的一些小随笔而已.当然我也希望的的每一篇随笔都可以帮到更多的想要学习前端开发的初学者们,更希望你们也可 ...

  4. Web前端新人笔记之CSS字体

    本章内容是阅读CSS权威指南的一个小积累和随笔.新人必看,老鸟也可查看并指出不足指出以便后人阅读更好地理解.O(∩_∩)O谢谢!!!设置字体属性时样式变的最常见的用途之一:不过,尽管字体选择很重要,但 ...

  5. Web前端新人笔记之height、min-height的区别

     浏览器参照基准:Firefox, Chrome, Safari, Opera, IE: * IE6不支持CSS min-height属性.最小高度的定义:1. 元素拥有默认高度:2. 当内容超出元素 ...

  6. Web前端新人笔记之CSS值和单位

    数字 颜色——命名颜色 在Css2.1中规范定义了17个颜色名.包括html4.0中定义的16个颜色及外加一个橙色: <h1 style="color=aqua">aq ...

  7. Web前端新人笔记之HeightCharts基础

    通常情况下,Highcharts包含标题(Title).坐标轴(Axis).数据列(Series).数据提示框(Tooltip).图例(Legend).版权信息(Credits)等,高级的还包括导出功 ...

  8. Web前端新人笔记之CSS结构和层叠

    上一篇文章介绍了如何利用CSS选择器为元素应用各种丰富的样式,每个合法的文档都会生成一个结构树,了解这一点,就能根据元素的祖先.属性.兄弟等元素穿件选择器选择元素. 本篇文章将讨论3中机制之间的关系: ...

  9. 【前端】Web前端学习笔记【1】

    ... [2015.12.02-2016.02.22]期间的学习笔记. 相关博客: Web前端学习笔记[2] 1. JS中的: (1)continue 语句 (带有或不带标签引用)只能用在循环中. ( ...

随机推荐

  1. C++ 排序函数 sort(),qsort()的使用方法

    想起来自己天天排序排序,冒泡啊,二分查找啊,结果在STL中就自带了排序函数sort,qsort,总算把自己解脱了~ 所以自己总结了一下,首先看sort函数见下表: 函数名 功能描写叙述 sort 对给 ...

  2. C++指针和引用

     ★ 相同点: 1. 都是地址的概念: 指针指向一块内存,它的内容是所指内存的地址:引用是某块内存的别名.  ★ 区别: 1. 指针是一个实体,而引用仅是个别名: 2. 引用使用时无需解引用(*),指 ...

  3. mysql权限及用户

    一:Flush table tables_name MySQL的FLUSH句法(清除或者重新加载内部缓存) FLUSH flush_option [,flush_option],如果你想要清除一些My ...

  4. Android(java)学习笔记117:英文朗诵android App编写实例

    1.首先,我先把代码放到下面: package com.himi.speaker; import java.util.Locale; import android.app.Activity; impo ...

  5. ie6/7/8中span右浮动折行问题的解决方案

    浮动标准: W3C CSS 2.1 规范文档里对于浮动元素与非浮动行内元素相邻时的情况有如下解释.以下是关键段落: A floated box is shifted to the left or ri ...

  6. IE Firefox Safari 下 通过Div“隐藏”设置Accesskey的submit input

    实现效果: 进入页面后 通过快捷键  如Alt+C 调用相关的隐藏按钮 实现功能操作 正常情况下 设置 button => input type="submit" acces ...

  7. 【Irrlicht鬼火引擎】 认识鬼火引擎

    一.Irrlicht简介 (1)概念 Irrlicht引擎是一个用C++书写的高性能实时3D引擎,可以应用于C++程序或者.NET语言中.通过使用Direct3D(Windows平台).OpenGL ...

  8. [改善Java代码]使用静态内部类提高封装性

    建议38: 使用静态内部类提高封装性 Java中的嵌套类(Nested Class)分为两种:静态内部类(也叫静态嵌套类,Static Nested Class)和内部类(Inner Class).内 ...

  9. poj 2492 并查集

    思路:当a,b的根节点find(a)与find(b)不同时,就直接将这两个数连接起来.由于每个树的根节点的kind值一定为0,所以,对于a,b的kind值相同,我们就讲其中一个根的kind值变为1,当 ...

  10. Ionic条码扫描

    http://m.blog.csdn.net/article/details?id=45843819