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><br /> <p><img class="google"src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.png" id="google2"></p><br /> <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><br /> <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"><!--<br /> $(".google").each(function(){<br /> this.src="http://www.baidu.com/img/baidu_sylogo1.gif";<br /> });<br />// --></mce:script> 

 

使用attr()方法

var img=$("#id");<br />獲得src屬性<br />img.attr("src");<br />設定src屬性<br />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(){<br /> $(":submit",this).attr("disabled","disable");<br />}); 

 

添加class

addClass()

刪除class

removeClass()

 

獲得css屬性

css()

alert($("#google1").css("display"));<br />$("#google1").css("display","none") 

 

判斷元素是否擁有類

hasClass()

 

 

html()

返回匹配集裡面，第一個元素的html內容

 

html(content)

設定所有匹配集裡面的內容

 

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

添加append

添加到指定節點appendTo();

 

remove()

clone()

 

返回表單元素的值,val