jQuery元素選擇器用法實例

字號:


    本文實例講述了jQuery元素選擇器用法。分享給大家供大家參考。具體分析如下:
    元素選擇器根據(jù)元素名稱匹配所有的元素。
    實例代碼:
    復(fù)制代碼 代碼如下:$("div")
    以上代碼匹配所有的div元素。
    實例代碼:
    代碼如下:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=" utf-8">
    <meta name="author" content="" />
    <title>元素選擇器-腳本之家</title>
    <style type="text/css">
    div{
    height:150px;
    width:150px;
    background-color:green;
    }
    </style>
    <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $("button").click(function(){
    $("div").hide();
    })
    })
    </script>
    </head>
    <body>
    <div></div>
    <button>點擊隱藏div元素</button>
    </body>
    </html>
    在以上代碼中,當(dāng)點擊按鈕的時候能夠?qū)iv元素隱藏。
    希望本文所述對大家的jquery程序設(shè)計有所幫助。