jQuery详细总结及提升整理

  jQuery 库可以通过一行简单的标记被添加到网页中。
 
  jQuery是一个JavaScript函数库。
 
  jQuery是一个轻量级的”写的少,做的多”的JavaScript库。
 
  jQuery库包含以下功能:
 
  HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities
 
  提示: 除此之外,Jquery还提供了大量的插件。
 
  目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。
 
  很多大公司都在使用 jQuery, 例如:
 
  GoogleMicrosoftIBMNetflix
 
  您是否很疑惑为什么我们没有在  标签中使用
 
  在 HTML5 中,不必那样做了。JavaScript 是 HTML5 以及所有现代浏览器中的默认脚本语言!
 
  使用 Staticfile CDN、百度、又拍云、新浪、谷歌或微软的 jQuery,有一个很大的优势:
 
  许多用户在访问其他站点时,已经从百度、又拍云、新浪、谷歌或微软加载过 jQuery.所以结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。
 
  通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行”操作”(actions)。
 
  jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。
 
  基础语法: $(selector)。action()
 
  美元符号定义 jQuery选择符(selector)“查询”和”查找” HTML 元素jQuery 的 action() 执行对元素的操作

 
 
  实例:
 
  $(this)。hide() – 隐藏当前元素$(“p”)。hide() – 隐藏所有
 
  元素
 
  $(“p.test”)。hide() – 隐藏所有 class=“test” 的
 
  元素
 
  $(”#test”)。hide() – 隐藏 id=“test” 的元素
 
  你对 CSS 选择器熟悉吗?
 
  jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节,您将学习到更多有关选择器的语法。
 
  您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中:
 
  这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。
 
  如果在文档没有完全加载之前就运行函数,操作可能失败。下面是两个具体的例子:
 
  试图隐藏一个不存在的元素获得未完全加载的图像的大小
 
  提示:简洁写法(与以上写法效果相同):
 
  以上两种方式你可以选择你喜欢的方式实现文档就绪后执行 jQuery 方法。
 
  jQuery 入口函数:
 
  或者
 
  JavaScript 入口函数:
 
  jQuery 入口函数与 JavaScript 入口函数的区别:
 
  jQuery 的入口函数是在 html 所有标签(DOM)都加载之后,就会去执行。JavaScript 的 window.onload 事件是等到所有内容,包括外部图片之类的文件加载完后,才会执行。
 
  jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。
 
  jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 选择器基于元素的 id、类、类型、属性、属性值等”查找”(或选择)HTML 元素。 它基于已经存在的 CSS
 
  选择器,除此之外,它还有一些自定义的选择器。jQuery 中所有选择器都以美元符号开头:$()。
 
  jQuery 元素选择器基于元素名选取元素。
 
  在页面中选取所有
 
  元素:
 
  实例
 
  用户点击按钮后,所有
 
  元素都隐藏:
 
  jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。
 
  页面中元素的 id 应该是唯一的,所以您要在页面中选取唯一的元素需要通过 #id 选择器。
 
  通过 id 选取元素语法如下:
 
  实例
 
  当用户点击按钮后,有 id=“test” 属性的元素将被隐藏:
 
  jQuery 类选择器可以通过指定的 class 查找元素。

 
 
  语法如下:
 
  实例
 
  用户点击按钮后所有带有 class=“test” 属性的元素都隐藏:
 
  jQuery 是为事件处理特别设计的。
 
  页面对不同访问者的响应叫做事件。
 
  事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。
 
  实例:
 
  在元素上移动鼠标。选取单选按钮点击元素
 
  在事件中经常使用术语”触发”(或”激发”)例如: “当您按下按键时触发 keypress 事件”。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61597.shtml

张贴在2