js css html

jQuery简介

2023-04-08  本文已影响0人  星空无痕

1.1、jQuery简介

jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。目前超过90%的网站都使用了jQuery库,jQuery的宗旨:写的更少,做得更多!

1.2、jQuery版本介绍

    1.x (本教程所采用)

        兼容老版本IE

        文件较大,但兼容性最好

    2.x

        部分IE8及以下版本不支持

        文件较小,执行效率更高

    3.x

        完全不再支持IE8及以下版本

        提供了一些新的API

        提供不包含AJAX/动画API的版本

1.3、jQuery引入方式

    本地引入:将jQuery下载下来,然后导入项目中,使用script标签进行引用

<head>

    <script src="jquery-1.9.1.min.js"></script>

</head>   

    CDN引入:使用远程CDN资源库在线引入,避免了文件下载(本教程所采用)

<head>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

</head>   

1.4、jQuery快速使用

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>jQuery</title>

</head>

<body>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script>

    $(function () {

        // 请将jQuery代码书写在这里 ...

        alert('Hello,World!');

    });

</script>

</body>

</html>

1.5、jQuery两把利器

jQuery两把利器分别是:

    jQuery核心函数:即: $() 或 jQuery(),jQuery定义了这个全局的函数供我们调用,它既可作为一般函数调用,且传递的参数类型不同/格式不同,功能就完全不同,也可作为对象调用其定义好的方法,此时 $ 就是一个工具对象。

    jQuery核心对象:即执行jQuery核心函数返回的对象,jQuery对象内部包含的是dom元素对象的伪数组(可能只有一个元素),jQuery对象拥有很多有用的属性和方法,让程序员能方便的操作dom,调用jQuery对象的任何方法后返回的还是当前jQuery对象。

上一篇下一篇

猜你喜欢

热点阅读