jquery 複習筆記-屬性

1 key,function(index, attr)

$("img").attr({ src: "test.jpg", alt: "Test Image" });

$("img").attr("src");

 

2 removeAttr(name)

$("img").removeAttr("src");

 

3 prop(name|properties|key,value|fn) 獲取在匹配的元素集中的第一個元素的屬性值。

選中複選框爲true，沒選中爲false

$("input[type='checkbox']").prop("checked");

禁用頁面上的全部複選框。

$("input[type='checkbox']").prop({
  disabled: true
});

禁用和選中全部頁面上的複選框。

$("input[type='checkbox']").prop("disabled", false);
$("input[type='checkbox']").prop("checked", true);

經過函數來設置全部頁面上的複選框被選中。

$("input[type='checkbox']").prop("checked", function( i, val ) {
  return !val;
});

 

4 removeProp(name)  用來刪除由.prop()方法設置的屬性集

var $para = $("p");
$para.prop("luggageCode", 1234);
$para.append("The secret luggage code is: ", String($para.prop("luggageCode")), ". ");
$para.removeProp("luggageCode");
$para.append("Now the secret luggage code is: ", String($para.prop("luggageCode")), ". ");

 

5

$("p").addClass("selected");
$("p").addClass("selected1 selected2");

$('ul li:last').addClass(function() {
  return 'item-' + $(this).index();
});

 

6

從匹配的元素中刪除 'selected' 類

$("p").removeClass("selected");

刪除匹配元素的全部類

$("p").removeClass();

刪除最後一個元素上與前面重複的class

$('li:last').removeClass(function() {
    return $(this).prev().attr('class');
});

 

7

爲匹配的元素切換 'selected' 類

$("p").toggleClass("selected");

每點擊三下加上一次 'highlight' 類

var count = 0;
  $("p").click(function(){
      $(this).toggleClass("highlight", count++ % 3 == 0);
  });

根據父元素來設置class屬性

$('div.foo').toggleClass(function() {  if ($(this).parent().is('.bar') {    return 'happy';  } else {    return 'sad';  }});