jQuery

1.jQuery介绍

1.1JavaScript库:即 library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show,比如获取元素等。

1.2常见的JavaScript 库:jQuery、Prototype、YUI、Dojo、Ext JS、移动端的zepto等,这些库都是对原生 JavaScript 的封装,内部都是用 JavaScript 实现的。

2. jQuery的概念

2.1jQuery 是一个快速、简洁的 JavaScript 库,jQuery 封装了 JavaScript 常用的功能代码,优化了 DOM 操作、事件处理、动画设计和 Ajax 交互。

3. jQuery的优点

3.1轻量级,跨浏览器兼容,链式编程、隐式迭代,对事件、样式、动画支持,大大简化了DOM操作,支持插件扩展开发,免费、开源。

4.jQuery 的基本使用

4.1jQuery的下载,建议去官网直接下载,下载所需的版本

4.2引入jQuery文件,写入口函数

4.2.1常见有两种入口函数:

// 第一种: 简单易用。

$(function () { 

    ... 

}) ;

// 第二种: 繁琐,但是也可以实现

$(document).ready(function(){

  ...  

});

4.3jQuery中的顶级对象$

4.4jQuery 对象和 DOM 对象转换

DOM对象转换成jQuery对象,方法只有一种

var box = document.getElementById('box');  // 获取DOM对象

var jQueryObject = $(box);  // 把DOM对象转换为 jQuery 对象

jQuery 对象转换为 DOM 对象有两种方法:

 1 jQuery对象[索引值]

var domObject1 = $('div')[0]

 2 jQuery对象.get(索引值)

var domObject2 = $('div').get(0)

5.jQuery 选择器

5,1基础选择器

5.2层级选择器

5.3筛选选择器

5.4通过节点标签来查找

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容