JQuery操作物件的屬性

通過jquery去操作前台物件（div,span...）的屬性是很常見的事情，本文就簡單的介紹幾種操作情形。

1）：通過屬性值去獲取物件

2）：用jquery去修改物件的屬性值

3）：獲取並修改物件的style的屬性值

這裡提供乙個簡單的前台html**，後續操作都是對此段html**進行的。

<

html 
xmlns
="">
<
head 
runat
="server"
>
<
title
>
title
>
<
script 
src="scripts/jquery-1.7.1.min.js"
>
script
>
<
style 
type
="text/css"
>
.myspan 
style
>
head
>
<
body
>
<
form 
id="form1"
runat
="server"
>
<
div>
<
div 
id="first_div"
>
<
span 
class
="myspan"
title
="first_span"
nodeurl
="">first
span
>
<
br />
<
span 
class
="myspan"
title
="second_span"
nodeurl
="">second
span
>
<
br />
<
span 
class
="myspan"
title
="third_span"
nodeurl
="">third
span
>
div>
<
input 
type
="button"
name
="button"
value
="button"
onclick
="getobjvaluebytitle();"
/>
div>
form
>
body
>
html
>

基本結構為：物件類別[屬性名='屬性值'] 。 例如: span[title='first_span']

用到的便是jquery提供的attr方法，獲取屬性值的基本結構為：$(obj).attr("屬性名")；修改屬性值的結構為：$(obj).attr("屬性名", "屬性值")；

3：獲取並修改物件的style屬性值

用到的便是jquery提供的css方法，獲取style中某個屬性的結構為：$(obj).css("屬性名")；修改屬性值的結構為：$(obj).css("屬性名", "屬性值")；

當我們用jquery去便利集合時，可以用each方法，each的變現形式有兩種：

1）：$.each(objs, function(index, item));

2）：objs.each(function(index, item));

JQuery 操作物件的屬性值

通過jquery去操作前台物件 div,span.的屬性是很常見的事情，本文就簡單的介紹幾種操作情形。1 通過屬性值去獲取物件 2 用jquery去修改物件的屬性值 3 獲取並修改物件的style的屬性值 這裡提供乙個簡單的前台html 後續操作都是對此段html 進行的。html xmlns he...

利用jQuery操作物件陣列

jquery 對於陣列元素操作主要提供了以下工具 1 陣列和物件的例遍 jquery.each obj,callback 通用例遍方法，可用於例遍物件和陣列。函式擁有兩個引數 第乙個為物件的成員或陣列的索引，第二個為對應變數或內容。如果需要退出 each 迴圈可使 函式返回 false 其它返回值將...

jquery操作物件陣列元素方法詳解

如下 如下 ab c1.錯誤方式 不能用方式取jquery物件陣列,如下 如下 function 這樣無效.2.可以用jquery的eq 方法來選擇 如下 for var i 0 i div span.length i 3.可以用each 方法來遍歷 如下 function each 遍歷的時候,如...