jQuery

时间:2022-06-01
本文章向大家介绍jQuery,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

1、为什么要用 jQuery

DOM API

  1. 很难用。我们可以通过document.getElementById等方法获取DOM对象,但是方法名称长,使用不方便,而且功能有限,不能像CSS选择器那样灵活。
  2. 存在兼容性问题。比如,实现一些功能要写一些事件处理程序,如果要兼容老浏览器的话,则要进行一层层的封装。
  3. 功能太少,不能与时俱静。换句话说,只有等到浏览器更新了或者不需要兼容老浏览器时,才可以使用一些新的语法去选择一些元素,去操作它......。

jQuery

  1. 兼容性好。
  2. API 友好。使用起来很方便
  3. 功能强大,与时俱进。

2、什么时候适合用 jQuery

  • DOM 操作较多(事件监听)
  • 需要使用 简单的AJAX的时候
  • 需要写一些动画效果的时候
  • 需要兼容多款浏览器

3、什么时候不用 jQuery

  • 页面交互极为简单
  • 页面对流量有苛刻的要求。比如,不想用额外的流量加载jQuery这个库。
  • 兼容性要求不高。比如,只需要兼容标准浏览器不需要兼容像IE6、IE7、IE8这样的老式浏览器,或者只是在移动端去使用,这时可以使用javascript的新的语法去选择、操作元素。

4、jQuery 可以用来做什么

  • 选择网页元素
  • 改变结果集
  • 元素的操作:取值和赋值
  • 元素的操作:移动
  • 元素的操作:复制、删除和创建
  • 工具方法
  • 事件操作
  • 特殊效果
  • AJAX
  • ......

5、jQuery版本问题

若要兼容IE6、IE7、IE8则选择1.xxxx的版本,若不需要兼容IE6、IE7、IE8希望jQuery的体积很小,加载很快则选择2.xxxx的版本。因为要兼容老式浏览器,所以1.xxxx的版本体积会比2.xxxx的版本的体积要大。

6、jQuery 的所有API只有两种写法

第一种,类似下面这样的

$.noConflict()
$.each()

第二种,类似下面这样的

$('ul').addClass()
$('p').text('hi')