Jquery的學習（三）選取器，jquery學習選取器

Jquery的學習（三）選取器，jquery學習選取器

1.Jquery中最重要的就是選取器了。

 學習要點：
       1.簡單選取器
       2.進階選取器
       3.進階選取器

①簡單選取器。

    最簡單的也就是最常用的，最常用的一般也是最簡單的。

    在使用 jQuery 選取器時，我們首先必須使用“$()”函數來封裝我們的 CSS 規則。而CSS 規則作為參數傳遞到 jQuery 對象內部後，再返回包含頁面中對應元素的 jQuery 對象。隨後，我們就可以對這個擷取到的 DOM 節點進行行為操作了。

             #box {
               //使用 識別碼選取器的 CSS 規則
              color:red;
             //將 ID 為 box 的元素字型顏色變紅
             }

在 jQuery 選取器裡，我們使用如下的方式擷取同樣的結果：

          $('#box').css('color', 'red');
         //擷取 DOM 節點對象，並添加行為

 

     警告：有個問題特別要注意，ID 在頁面只允許出現一次，我們一般都是要求開發人員要遵守和保持這個規則。但如果你在頁面中出現三次，並且在 CSS 使用樣式，那麼這三個元素還會執行效果。但如果，你想在 jQuery 這麼去做，那麼就會遇到失明的問題。所以，開發人員必須養成良好的遵守習慣，在一個頁面僅使用一個 ID。

          $('#box').css('color', 'red');
          //只有第一個 ID 變紅，後面兩個失明

②進階選取器

  

③進階選取器

  

 

   

??JQuery學習推薦

1.你首先要比較熟悉html和javascript.
2.看下《從零開始學jquery》（不太記得書名，），我當初看完這本書，感覺一般的用法差不多了.
3.還是需要多做點練習的.jquery的選取器很強大.
 
jquery 選取器問題

<td><span>3</span> <a class="add">+</a></td>

$(function(){
$('.add').click(function(){
var o = $(this).prev();
var val = o.text();
o.text(val-1);

});

});