首页 前端知识 jQuery 总结

jQuery 总结

2024-02-09 20:02:40 前端知识 前端哥 907 410 我要收藏

# jQuery 概述

jQuery 是原生 Javascript 开发出来的代码库,通常被称为框架。

jQuery 设计的宗旨是 “write Less,Do More”,即倡导写更少的代码,做更多的事情。

jQuery 通常被用来优化HTML文档操作、事件处理、动画设计和Ajax交互。

```

中文名: 极快瑞

外文名: jQuery

核心理念: write less,do more

发布时间: 2006年1月

发布人: John Resig

发布地点: 美国纽约

最新版本: jQuery 3.1.1

第一个版本: jQuery 1.0(2006年1月)

```

>注意:jQuery2.0 以上的版本是不支持IE6、IE7、IE8的。

## jQuery 优势

- 体积小,使用灵巧(只需引入一个js文件)

- 方便的选择页面元素(模仿CSS选择器更精确、灵活)

- 动态更改页面样式/页面内容(操作DOM,动态添加、移除样式)

- 控制响应事件(动态添加响应事件)

- 提供基本网页特效(提供已封装的网页特效方法)

- 快速实现通信(ajax)

- 易扩展、插件丰富

## jQuery 下载

官网:http://jquery.com/

## 如何引入 jQuery 包

第一种方法:本地文件引入

```html

<script src="jquery.js"></script>

```

第二种方法:他站网络引入

```html

<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>

```

## 使用 jQuery

引入 jQuery 文件后,才能使用 jQuery 代码。

## jQuery 核心

### ready与load

load  等页面所有内容(文档,img,js,video)加载完毕    才会执行对应的函数

ready 等文档中所有的dom元素加载完毕 执行对应的函数(允许你绑定一个在DOM文档载入完成后执行的函数)

```

    $(document).ready(function () {

        console.log(1111111);

    })

    简写

    $(function () {

        console.log(1111111111);

    })

```

方法展示之基本HTML结构

```

    <div class="wrap" name="one" id="box">

        <h2>模拟封装</h2>

        <input type="text" class="con">

        <div class="list">

            <li class="first">01</li>

            <li>02</li>

            <li class="mid">03</li>

           

转载请注明出处或者链接地址:https://www.qianduange.cn//article/1634.html
标签
okhttp
评论
会员中心 联系我 留言建议 回顶部
复制成功!