JQuery 属性操作方法

以下的方法可以用于获得或者设元素的DOM属性

 

addClass()

Sample:

1. $("p:first").addClass("class1");//如需加多个，用空格分隔

2. $("p").addClass(function(n){return "class"+n;});

 注:n为选取器的index.

 

hasClass()

Sample

$("p:first").hasClass("class1");

 

removeClass()

Sample

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

 

toggleClass()

Sample:

1. $("p").toggleClass("class1");

2. $(selector).toggleClass(class, switch);

3. $(selector).toggleClass(function,switch);

    $('ul li').toggleClass(function(){
      return 'listitem_' + $(this).index();
    });

 

attr()

Sample:

1. $("img").attr("width", "150");

2. $("img").attr("width");

3. $(selector).attr(attribute, function(index,oldvalue));

    $("img").attr("width",function(n,v)

      { return v-10;});

4. $("img").attr({width:"50",height:"34"});

 

html()

Sample

1. $("p").html();

2. $("p").html("Hello World");

 

removeAttr()

Sample

$("p").removeAttr("id");

 

val()

Sample

1. $(":text").val("Hello World");

2. $(":text").val();

3. $("input:checkbox").val(function(){
      return "check_" + $(this).val();
    });