jQuery操作基本操作一學(xué)習(xí)筆記

基本選擇

用法描述
$(“#elementID”) #表示根據(jù)id查找；查找id為elementID的元素；建議的用法。所以一般推薦給標(biāo)簽設(shè)置ID。
類似：
document.getElementById("elementID") 但兩者之間返回類型不同

成都創(chuàng)新互聯(lián)公司是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷策劃、微信平臺(tái)小程序開發(fā)、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動(dòng)互聯(lián)開發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立十余年以來，已經(jīng)為數(shù)千家展覽展示各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)。現(xiàn)在，服務(wù)的數(shù)千家客戶與我們一路同行，見證我們的成長；未來，我們一起分享成功的喜悅。

$(“.className”) .表示根據(jù)class樣式名稱查找；查找樣式名稱為className的所有標(biāo)簽

$(“input”) 查找所有input標(biāo)簽

基本取/設(shè)值

用法描述
$(“#elementID”).val()
$(“#elementID”).val(“新值”)
分別表示取值和設(shè)置值
$(“#elementID”).html()
$(“#elementID”).html(“新值”)
分別表示獲取標(biāo)簽內(nèi)部的html文本內(nèi)容和設(shè)置html文本內(nèi)容。類似innerHTML
$(“#elementID”).text()
$(“#elementID”).text(“新值”)
分別表示獲取標(biāo)簽內(nèi)部的純文本內(nèi)容和設(shè)置純文本內(nèi)容。
$(“#elementID”).attr(“name”)
$(“#elementID”).attr(“name”,”itcast”)
attr為獲取對(duì)應(yīng)屬性的值或設(shè)置對(duì)應(yīng)屬性的值。如果遇上具有 true 和 false 兩個(gè)屬性的屬性，如 checked, selected 或者 disabled 則使用prop()

<meta charset="UTF-8">
    <title>01_basic.html</title>
    <!--<script type="text/javascript" th:src=@{"js/jquery-3.3.1.js}"></script>-->
    <script src="../../static/js/jquery-3.3.1.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#btn1").click(function(){
                alert($("#div1").html());
            });
            $("#btn2").click(function(){
                alert($(".divClass").text());
                });
            $("#btn3").click(function(){
                alert($("#div1").attr("title"));
            });
            $("#btn4").click(function(){
                alert($("input").length);
            });
            $("#btn5").click(function(){
                $("#div1").html("div內(nèi)容修改?。?);
            });
            $("#btn6").click(function(){
                alert("div的內(nèi)容："+$("#div1").text() + "，span的內(nèi)容:" + $("span").text())
            });

        });
    </script>
    <style>
    .divClass{
        text-align: center;
        width: 100%;
    }
    </style>
</head>

<body>
<div id="div1" class="divClass" title="div 的 title屬性值">
    <p>div 的內(nèi)容</p>
</div>
        <br><br>
        <input type="text" value="輸入框1"><br>
        <input type="text" value="輸入框2"><br><br>
        <span>這是span的信息</span><br>

        <input type="button" value="1#獲取div里面的Html內(nèi)容" id="btn1">
        <br><br>
        <input type="button" value="2.獲取div里面的純文本內(nèi)容" id="btn2">
        <br><br>
        <input type="button" value="3#獲取div里面的title屬性的值" id="btn3">
        <br><br>
        <input type="button" value="4獲取input的個(gè)數(shù)" id="btn4">
        <br><br>
        <input type="button" value="5改變div里面的值" id="btn5">
        <br><br>
<input type="button" value="同時(shí)獲取div和span" id="btn6">
<br><br>

文章題目：jQuery操作基本操作一學(xué)習(xí)筆記
URL分享：http://bm7419.com/article42/iipjec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、、靜態(tài)網(wǎng)站、App開發(fā)、網(wǎng)站導(dǎo)航、網(wǎng)站排名

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

猜你還喜歡下面的內(nèi)容