jquery学习总结（二） 操作DOM

一、元素属性操作

        1、获取元素属性 attr（name）      例、var strSrc = $("img").attr("src");

        2、设置元素属性 a、attr(key,value)     attr({key0:value0,key1:value1})     例、$("img").attr({"src":"img/img.jpg","title":"风景画"});

                                        b、attr(key,function(index))   例、$("img").attr("src",function(){  return "img/img.jpg";  });

       3、删除元素属性 removeAttr(name)  例、$("img").removeAttr("src");

二、元素内容操作

       1、获取元素HTML内容：html();   2、设置元素HTML内容：html(val)   3、获取元素文本内容：text();  4、设置元素文本内容：text(val)

        html 和 text 的区别：前者返回当前元素下的所有子元素及内容，后者返回当前元素下的所有文本内容。

三、获取或设置元素值

       1、获取元素的值  $("#id1").val() , 2、设置元素的值 $("#id1").val("dd");

       2、设置元素被选中：val(array)     $(":radio").val(["radio2"],["radio3"]); id 号为radio2和radio3的单选按钮被选中。

四、元素样式操作

       1、设置元素样式：css(name,value)     例、$("#id2").css(“font-size”,12px)

       2、增加css类别：addClassd(class)    例、$("#id2").addClass("cls2 cls3")  同时增加两个样式类别

       3、类别切换：toggleClass（class）   例、$("img").click(function(){  $(this).toggleClass("clsimg");  }); 单击添加样式，再单击还原。

       4、删除样式：removeClass（class）

五、插入节点

        1、内部插入节点

              append (content)  、append(function(index,html)) 、 appendTo(content)  

              prepend(content) 、prepend(function(index,html)) 、prependTo(content)

        2、外部插入节点

             after(content) 、 after(function()) 、  before(content) 、 before(function())

六、复制节点

       clone（true） 例：$("img").click(functino(){  $(this).clone(true).appendTo("span");  })

七、替换节点

      replaceWith(content ) :$("#span1").replaceWith(“<span>ww</span>")

 八、包裹节点

      常用的两个：wrap 、wrapInner

九、遍历节点

      each（function（index））

十、删除元素

      remove() 、 remvoe([expr])