Jquery中操作元素属性 css 属性

动态修改img标签的src属性，使用each

<p><img class="google" src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.png" mce_src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.png" id="google1"></p> <p><img class="google"src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.png" id="google2"></p> <p><img class="google" src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.png" mce_src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.png" id="google3"></p> <p><img class="google"src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.png" id="google4"></p> 

 

<mce:script type="text/javascript"><!-- $(".google").each(function(){ this.src="http://www.baidu.com/img/baidu_sylogo1.gif"; }); // --></mce:script> 

 

使用attr()方法

var img=$("#id"); 获得src属性 img.attr("src"); 设置src属性 img.attr("src","http://www.google.com"); 

一次改变多个属性

$("#google1").attr({src:'http://www.baidu.com/img/baidu_sylogo1.gif',title:'title=heere'}) 

删除属性,使用removeAttr("name")

 

使用属性来避免多次提交

$("#form").submit(function(){ $(":submit",this).attr("disabled","disable"); }); 

 

添加class

addClass()

删除class

removeClass()

 

获得css属性

css()

alert($("#google1").css("display")); $("#google1").css("display","none") 

 

判断元素是否拥有类

hasClass()

 

 

html()

返回匹配集里面，第一个元素的html内容

 

html(content)

设置所有匹配集里面的内容

 

text()方法的用法类似html()

添加append

添加到指定节点appendTo();

 

remove()

clone()

 

返回表单元素的值,val