jquery是不是庫(kù)

發(fā)布時(shí)間：2022-11-04 09:37:21 來(lái)源：億速云閱讀：113 作者：iii 欄目：web開(kāi)發(fā)

這篇文章主要介紹了jquery是不是庫(kù)的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇jquery是不是庫(kù)文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

jquery是庫(kù)。jquery是一個(gè)優(yōu)秀的JavaScript代碼庫(kù)，是為了簡(jiǎn)化JS的開(kāi)發(fā)或者DOM等操作而開(kāi)發(fā)的一種類(lèi)庫(kù)；它封裝了JS常用的功能代碼（函數(shù)），提供一種簡(jiǎn)便的JS設(shè)計(jì)模式，優(yōu)化了HTML文檔操作、事件處理、動(dòng)畫(huà)設(shè)計(jì)、Ajax交互等。

jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript框架，是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(kù)（框架）于2006年1月由John Resig發(fā)布。jQuery設(shè)計(jì)的宗旨是“write Less，Do More”，即倡導(dǎo)寫(xiě)更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡(jiǎn)便的JavaScript設(shè)計(jì)模式，優(yōu)化HTML文檔操作、事件處理、動(dòng)畫(huà)設(shè)計(jì)和Ajax交互。

jquery是JavaScript封裝的一個(gè)類(lèi)庫(kù)，是指一種封裝好的JavaScript函數(shù)庫(kù)，一個(gè)輕量級(jí)的"寫(xiě)的少，做的多"的JavaScript庫(kù)。

jQuery封裝JavaScript常用的功能代碼，提供一種簡(jiǎn)便的JavaScript設(shè)計(jì)模式，優(yōu)化HTML文檔操作、事件處理、動(dòng)畫(huà)設(shè)計(jì)和Ajax交互。

jQuery設(shè)計(jì)的宗旨是“write Less，Do More”，即倡導(dǎo)寫(xiě)更少的代碼，做更多的事情。

jQuery的核心特性可以總結(jié)為：具有獨(dú)特的鏈?zhǔn)秸Z(yǔ)法和短小清晰的多功能接口；具有高效靈活的css選擇器，并且可對(duì)CSS選擇器進(jìn)行擴(kuò)展；擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

jQuery語(yǔ)言特點(diǎn)：

1、快速獲取文檔元素

jQuery的選擇機(jī)制構(gòu)建于Css的選擇器，它提供了快速查詢(xún)DOM文檔中元素的能力，而且大大強(qiáng)化了JavaScript中獲取頁(yè)面元素的方式。

2、提供漂亮的頁(yè)面動(dòng)態(tài)效果

jQuery中內(nèi)置了一系列的動(dòng)畫(huà)效果，可以開(kāi)發(fā)出非常漂亮的網(wǎng)頁(yè)，許多網(wǎng)站都使用jQuery的內(nèi)置的效果，比如淡入淡出、元素移除等動(dòng)態(tài)特效。

3、創(chuàng)建AJAX無(wú)刷新網(wǎng)頁(yè)

AJAX是異步的JavaScript和XML的簡(jiǎn)稱(chēng)，可以開(kāi)發(fā)出非常靈敏無(wú)刷新的網(wǎng)頁(yè)，特別是開(kāi)發(fā)服務(wù)器端網(wǎng)頁(yè)時(shí)，比如PHP網(wǎng)站，需要往返地與服務(wù)器通信，如果不使用AJAX，每次數(shù)據(jù)更新不得不重新刷新網(wǎng)頁(yè)，而使用AJAX特效后，可以對(duì)頁(yè)面進(jìn)行局部刷新，提供動(dòng)態(tài)的效果。

4、提供對(duì)JavaScript語(yǔ)言的增強(qiáng)

jQuery提供了對(duì)基本JavaScript結(jié)構(gòu)的增強(qiáng)，比如元素迭代和數(shù)組處理等操作。

5、增強(qiáng)的事件處理

jQuery提供了各種頁(yè)面事件，它可以避免程序員在HTML中添加太多事件處理代碼，最重要的是，它的事件處理器消除了各種瀏覽器兼容性問(wèn)題。

6、更改網(wǎng)頁(yè)內(nèi)容

jQuery可以修改網(wǎng)頁(yè)中的內(nèi)容，比如更改網(wǎng)頁(yè)的文本、插入或者翻轉(zhuǎn)網(wǎng)頁(yè)圖像，jQuery簡(jiǎn)化了原本使用JavaScript代碼需要處理的方式。

JQuery之所以如此優(yōu)秀，是因?yàn)樗狭朔浅６鄡?yōu)秀的特征，主要有以下幾個(gè)特征：

·利用css的選擇器提供高速的元素查找行為。
·提供了一個(gè)抽象層來(lái)標(biāo)準(zhǔn)化各種常見(jiàn)的任務(wù)，可以解決各種瀏覽器的兼容問(wèn)題。
·將復(fù)雜的代碼簡(jiǎn)化，提供連綴編程模式，大大簡(jiǎn)化了代碼的操作。

jQuery有三種基本使用方法：

1. 加載頁(yè)面后執(zhí)行：

在平常的時(shí)候我們使用預(yù)加載的時(shí)候我們要把方法和onload()綁定：

<script type="text/javascript">
	document.onload = function () {
            // 這個(gè)事件在頁(yè)面加載完成之后加載的
        }
</script>

但是在jQuery中我們只要使用 $() 就可以將方法加載

    <script type="text/javascript">
        $.ready(function () {

        });
        $(function () {
            //這兩個(gè)都可以
            console.log("頁(yè)面加載");
        });
        //在$()中的函數(shù)可以自動(dòng)加載onload函數(shù)
    </script>

2.通過(guò)標(biāo)簽選擇器字符串，返回標(biāo)簽對(duì)象的的jQuery包裝對(duì)線

在DOM對(duì)象中我們使用：

    <script type="text/javascript">
        var div = document.getElementsByTagName("div")[0];
    </script>

來(lái)選則標(biāo)簽。

但是在jQuery中：

    <script type="text/javascript">
        var div = $("div");
    </script>

在這里的p是一個(gè)數(shù)組

3.第三種方法把DOM對(duì)象轉(zhuǎn)換成jQuery對(duì)象

我們可以把DOM對(duì)象轉(zhuǎn)換為jQuery對(duì)象：

    <script type="text/javascript">
        var div1 = document.getElementsByTagName("div")[0];
        var jqy = $(div1);
    </script>

這里我們的jqy里就有了DOM對(duì)象的方法。

代碼總和：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>jQuery</title>
    <style>
    <!--選擇器 -->
        div{
            /*重定義標(biāo)簽選擇器*/
            background: #000;
        }
    </style>
</head>
<body>
    <div>Hello!</div>
    <script src="js/jquery-3.4.1.slim.min.js"/>
    <script type="text/javascript">
        document.onload = function () {
            // 這個(gè)事件在頁(yè)面加載完成之后加載的
        }
        $.ready(function () {

        });
        $(function () {
            //這兩個(gè)都可以
            console.log("頁(yè)面加載");
        });//可以自動(dòng)加載onload函數(shù)
        /*
        * 2.通過(guò)標(biāo)簽選擇器字符串，返回標(biāo)簽對(duì)象的的jQuery包裝對(duì)線
        * */
        //在DOM對(duì)象中，我們使用
        // var div = document.getElementsByTagName("div")[0];
        //選擇的是div的集合
        var div = $("div");
        div.css("","");//兩個(gè)值，前面的是名稱(chēng)，后面是值
        /*
        * 3.第三種方法把DOM對(duì)象轉(zhuǎn)換成jQuery對(duì)象
        * */
        var div1 = document.getElementsByTagName("div")[0];
        var jqy = $(div1);
    </script>
</body>
</html>

關(guān)于“jquery是不是庫(kù)”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“jquery是不是庫(kù)”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

jquery是不是庫(kù)

jQuery有三種基本使用方法：

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽