JavaScript之jQuery-1 jQuery概述jQuery的编程步骤jQuery对象

Posted 2020-07-02

一、jQuery 概述

 

javascript 类库

  - JavaScript 类库的出现，是为了简化 JavaScript 的开发

  - JavaScript 类库封装了预定义的对象和实用的函数，可以帮助开发人员来建立有高难度交互的 Web 2.0 特性的丰富客户端页面，并且兼容各大浏览器

  - JavaScript 类库可以简称为JS库

  - 目前比较流行的JavaScript 类库有:

      - jQuery

      - Mootools

      - Prototype

      - Dojo

jQuery 概述

  - jQuery 是一个优秀的轻量级的 JavaScript 类库，是由 John Resig创建于 2006年1月的开源项目

  - jQuery 可以兼容 CSS3，及各种浏览器

  - 使开发人员更方便地处理 html 页面、处理事件、操作DOM、实现动画效果，并且方便地位网站提供AJAX交互

  - 使用户的 HTML 页面保持代码和 HTML 内容分离

  - jQuery 的核心理念是 write less,do more

  

二、jQuery 的编程步骤

利用选择器定位节点

调用方法操作节点

jQuery 的编程步骤

  - 引入 jQuery 的js文件

  - 使用选择器定位要操作的节点

  - 调用 jQuery 的方法进行操作

三、jQuery 对象

jQuery 对象简介:

  - jQuery 对象就是通过 jQuery 包装DOM对象后产生的对象

  - jQuery 对象是 jQuery 独有的。如果一个对象是 jQuery 对象，就可以使用 jQuery 的方法 

  - 在 jQuery 对象中无法使用 DOM 对象的任何方法，反之在 DOM 对象也无法使用任何 jQuery 的方法

  - 如: $("div") 和 $("#d1") 都是 jQuery 对象

DOM 对象  -> jQuery 对象

  - 使用$()将 DOM 对象包装起来，就可以转换成 jQuery 对象 

  - 语法

      - $(DOM对象)

  - jQuery 对象通过 jQuery 提供的get(index)方法，得到对应的 DOM 对象

      - 语法: DOM 对象 = jQuery对象.get(index)

  - jQuery 对象是一个数组对象，可以通过[index] 方式，得到对应的 DOM 对象

      - 语法: DOM 对象 = jQuery对象[index]

总结：本章内容主要介绍了 jQuery概述、jQuery的编程步骤、jQuery对象

本文出自 “会飞的蚂蚁” 博客，谢绝转载！