属性操作

操作属性

    1$("img").attr("src"); 返回文档中第一个图像的src属性值。

    2$("img").attr("src","test.jpg"); 为所有匹配的元素设置一个属性值

    3$("img").attr("title", function() { return this.src }); 为所有匹配的元素设置一个计算的属性值

    4$("img").removeAttr("src"); 从每一个匹配的元素中删除一个属性

    5$("img").attr({ src: "test.jpg", alt: "Test Image" }); 将一个“名/值”形式的对象设置为所有匹配元素的属性。

操作CSS:

    1$("p").addClass("selected"); 为每个匹配的元素添加指定的类名

    2$("p").removeClass("selected"); 从所有匹配的元素中删除全部或者指定的类。一个或多个要删除的CSS类名,请用空格分开

$("p").removeClass();删除匹配元素的所有类

    3$("p").toggleClass("selected"); 如果存在(不存在)就删除(添加)一个类

    4、 var count = 0;

       $("p").click(function(){

      $(this).toggleClass("highlight", count++ % 3 == 0);

}); 每点击三下加上一次 'selected' 

HTML代码:

   1$("div").html(); 取得第一个匹配元素的html内容

   2$("div").html("<p>Hello Again</p>"); 设置每一个匹配元素的html内容

文本:

1$("p").text(); 取得所有匹配元素的内容

2$("p").text("<b>Some</b> new text."); 设置所有匹配元素的文本内容

值:

1、 $("#single").val() 获得第一个匹配元素的当前值。

2$("input").val("hello world!"); 设置每一个匹配元素的值


你可能感兴趣的:(属性操作)