欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

2022-8-26 jq簡單了解

Query 是一個 JavaScript 函數(shù)庫。

jQuery 是一個輕量級的"寫的少，做的多"的 JavaScript 庫。
jQuery 庫包含以下功能：

成都創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)由有經(jīng)驗(yàn)的網(wǎng)站設(shè)計(jì)師、開發(fā)人員和項(xiàng)目經(jīng)理組成的專業(yè)建站團(tuán)隊(duì)，負(fù)責(zé)網(wǎng)站視覺設(shè)計(jì)、用戶體驗(yàn)優(yōu)化、交互設(shè)計(jì)和前端開發(fā)等方面的工作，以確保網(wǎng)站外觀精美、成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、外貿(mào)營銷網(wǎng)站建設(shè)易于使用并且具有良好的響應(yīng)性。

HTML 元素選取
HTML 元素操作
CSS 操作
HTML 事件函數(shù)
JavaScript 特效和動畫
HTML DOM 遍歷和修改
AJAX
Utilities





          JS庫：別人寫好的JS文件，我們拿來直接用
            開發(fā)中，會引入很多的.js文件
            JQuery.js------瀕臨淘汰，經(jīng)典。
                css庫，bootstrap，layui，easyui。
            React.js-------
            Angular.js-----
            Vue.js---------簡單。最主流

jQuery 語法是通過選取 HTML 元素，并對選取的元素執(zhí)行某些操作。

基礎(chǔ)語法： $(selector).action()

美元符號定義 jQuery
選擇符（selector）"查詢"和"查找" HTML 元素
jQuery 的 action() 執(zhí)行對元素的操作

實(shí)例:

$(this).hide() - 隱藏當(dāng)前元素

$("p").hide() - 隱藏所有 <p> 元素

$("p.test").hide() - 隱藏所有 class="test" 的 <p> 元素

$("#test").hide() - 隱藏 id="test" 的元素

選擇器

            基本選擇器
                id選擇器---返回值是固定的一個
                class選擇器---返回值是一堆
                標(biāo)簽選擇器---返回值是一堆
                *號選擇器---返回值是所有標(biāo)簽
            層級選擇器
               div p---div里的p，后代
               div>p---直接子元素 
               div+p---相鄰
            過濾選擇器
                :first---獲取第一個元素
                :last---獲取最后一個元素
                :eq(index)---給定位置的元素
                :gt(index)---大于給定位置
                :lt(index)---小于給定位置
                :not(selector)---除了selector以外的所有選擇器
            內(nèi)容選擇器：
                :empty---匹配所有不包含子元素的選擇器
                :parent---含有子元素的父元素
            屬性選擇器：
                [name]---包含name屬性的元素
                input[type=text]---文本框
                input[type!=text]---除文本框的其他
Document 
    <div id="container">
        <p id="p123">123</p>
    </div>

    <!-- 
        script標(biāo)簽：只可以做一件事情
        要么是導(dǎo)入js文件，要么是寫js代碼
     -->
    <script src="js/jquery-1.9.1.js"></script>
    <script>
        $(() => {
            /*
                appendTo()：參數(shù)是一個JQuery元素，追加到xxx
                prepareTo()：在之前追加

            */
            $("<p>546</p>").appendTo($("#container"));
            $("<p>999</p>").prependTo($("#container"));
            $("<p>888</p>").insertAfter($("#container"));
            $("<p>777</p>").insertBefore($("#container"));

            $("#p123").replaceWith($("<p>666</p>"));
            // $("<span>000</span>").replaceAll($("p"));

            // 在內(nèi)部的后面追加
            $("#container").append($("<p>100</p>"));
            $("#container").prepend($("<p>200</p>"));

            $("#container").after($("<p>5000</p>"));
            $("#container").before($("<p>6000</p>"));
            // 清空標(biāo)簽內(nèi)的所有內(nèi)容
            // $("#container").empty();
            $("p:gt(5)").remove();

        })
    </script>
</body>
Document 
        <button id="checkAll">全選</button>
    </div>


    <script src="js/jquery-1.9.1.js"></script>
    <script>
        $(() => {
            // $("#div1").text("<p>123</p>");
            $("#username").val("666");
            /*
                屬性操作：
                html() ===== innerHTML
                text() ===== innerText
                val() ====== input.value
                val()函數(shù)：可以給文本框賦值，
                    可以操作單選框，復(fù)選框，下拉菜單的選中狀態(tài)
            */
           $("#checkAll").click(()=> {
                // $("#swimming").val("swimming");
                // 相當(dāng)于setAttribute
                // getAttribute
                // alert($("input[type=checkbox]").attr("value","sss"));
                // alert($("input[type=checkbox]").attr("checked"));
                alert($("input[type=checkbox]").prop("checked",true));
                alert($("#sheng").prop("selected"));
           })
        })
    </script>
</body>

本文題目：2022-8-26 jq簡單了解
分享鏈接：http://chinadenli.net/article30/dsoghpo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、品牌網(wǎng)站制作、全網(wǎng)營銷推廣、品牌網(wǎng)站設(shè)計(jì)、建站公司、定制開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都做網(wǎng)站