JQuery基本選取器

最後更新：2013-12-01 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

JQuery基本選取器
選取器

描述

#id

根據給定的id匹配一個元素

單個元素

.class

根據給定的類名匹配元素

集合元素

element

根據給定的元素名匹配元素

集合元素

匹配所有元素

集合元素

Selector1,selector2,...

將每一個選取器匹配到的元素合并後一起返回

集合元素

例子：

[javascript]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>New Web Project</title>
        <script type="text/javascript" src="jquery-core/jquery-1.8.0.js"></script>
        <script type="text/javascript">
            $(function(){
                $('#bt1').click(function(){
                    alert('id選取器:'+$('#d1').html()
                    +"\nclass選取器："+$('.c1').html()
                    +"\n元素選取器:"+$('p').eq(0).html()
                    +"\n*選取器:"+$('*').eq(5).html()
                    +"\n多選取器選中的個數:"+$('div,p,#bt1').length
                    );
                });
            });



        </script>
    </head>
    <body>
        <div id="d1">我是一個div</div>
        <div class="c1">我是一個div2</div>
        <p>我是一個p</p>
        <input type="button" value="button" id="bt1" />

    </body>
</html>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

JQuery基本選取器

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support