1. 程式人生 > >jQuery-jQuery基本語法

jQuery-jQuery基本語法

jQuery 語法

jQuery 語法是通過選取 HTML 元素,並對選取的元素執行某些操作。

基礎語法: $(selector).action()

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

例項:

  • $(this).hide() - 隱藏當前元素

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

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

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

 <script>
        $(document).ready(function(){
            $("button").click(function(){
                $("p").css("color","red")
            })
        })
    </script>

<body>
    <button type="button" name="button">click</button>
    <p>1</p>
    <p>2</p>
    <p>3</p>
</body>

當我們點選按鈕時將p標籤的css屬性字型顏色變為紅色。