亚洲最大看欧美片,亚洲图揄拍自拍另类图片,欧美精品v国产精品v呦,日本在线精品视频免费

  • 站長資訊網(wǎng)
    最全最豐富的資訊網(wǎng)站

    jquery只能用id選擇器嗎

    jquery不是只能用id選擇器。jquery提供了多種選擇器:1、class選擇器,可通過指定class查找元素;2、標(biāo)簽選擇器,可通過html標(biāo)簽名選擇元素;3、屬性選擇器,用XPath表達(dá)式來選擇帶有指定屬性的元素;4、群組選擇器等。

    jquery只能用id選擇器嗎

    本教程操作環(huán)境:windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

    jquery只能用id選擇器嗎

    jQuery 選擇器允許您對(duì) HTML 元素組或單個(gè)元素進(jìn)行操作。

    jQuery 選擇器基于元素的 id、類、類型、屬性、屬性值等"查找"(或選擇)HTML 元素。 它基于已經(jīng)存在的 CSS 選擇器,除此之外,它還有一些自定義的選擇器。

    jQuery 中所有選擇器都以美元符號(hào)開頭:$()。

    jQuery 元素選擇器

    jQuery 使用 CSS 選擇器來選取 HTML 元素。

    $("p") 選取 <p> 元素。

    $("p.intro") 選取所有 class="intro" 的 <p> 元素。

    $("p#demo") 選取所有 id="demo" 的 <p> 元素。

    jQuery 屬性選擇器

    jQuery 使用 XPath 表達(dá)式來選擇帶有給定屬性的元素。

    $("[href]") 選取所有帶有 href 屬性的元素。

    $("[href='#']") 選取所有帶有 href 值等于 "#" 的元素。

    $("[href!='#']") 選取所有帶有 href 值不等于 "#" 的元素。

    $("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結(jié)尾的元素。

    #id 選擇器

    jQuery #id 選擇器通過 HTML 元素的 id 屬性選取指定的元素。

    頁面中元素的 id 應(yīng)該是唯一的,所以您要在頁面中選取唯一的元素需要通過 #id 選擇器。

    通過 id 選取元素語法如下:

    $("#test")

    示例如下:

    <!DOCTYPE html> <html> <head> <meta charset="utf-8">  <title>123</title>  <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){   $("button").click(function(){     $("#test").hide();   }); }); </script> </head> <body> <h2>這是一個(gè)標(biāo)題</h2> <p>這是一個(gè)段落</p> <p id="test">這是另外一個(gè)段落</p> <button>點(diǎn)我</button> </body> </html>

    輸出結(jié)果:

    jquery只能用id選擇器嗎

    .class 選擇器

    jQuery 類選擇器可以通過指定的 class 查找元素。

    語法如下:

    $(".test")

    示例如下:

    <script> $(document).ready(function(){   $("button").click(function(){     $(".test").hide();   }); }); </script> </head> <body> <h2 class="test">這是一個(gè)標(biāo)題</h2> <p class="test">這是一個(gè)段落。</p> <p>這是另外一個(gè)段落。</p> <button>點(diǎn)我</button>

    輸出結(jié)果:

    jquery只能用id選擇器嗎

    群組選擇器

    群組選擇器,用于同時(shí)對(duì)幾個(gè)選擇器進(jìn)行相同的操作。

    語法:

    $("選擇器1, 選擇器2, ... , 選擇器n")

    兩個(gè)選擇器之間必須用英文逗號(hào),隔開,否則該選擇器無法生效。

    舉例

    <!DOCTYPE html> <html> <head>     <meta charset="utf-8" />     <title></title>     <script src="js/jquery-1.12.4.min.js"></script>     <script>         $(function () {             $("h3,div,p,span").css("color","red");         })     </script> </head> <body>     <h3>中文網(wǎng)</h3>     <div>中文網(wǎng)</div>     <p>中文網(wǎng)</p>     <span>中文網(wǎng)</span> </body> </html>

    相關(guān)視頻教程推薦:jQuery視頻教程

    贊(0)
    分享到: 更多 (0)
    網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)