访问元素 属性操作 案例1: <script> S(function var strAt=S(img,). attr("src"); strAit+=<br><br>"+$(img").attr(title"); S(#diVAlt" ). html(strAit </script> </head> <body> < <Img src=" Images/7-07jpg" title="这是一张画"> <div id=divAlt"></div> </body>
访问元素 属性操作 案例1: <script> $(function(){ var strAlt=$('img').attr("src"); strAlt+="<br><br>"+$("img").attr("title"); $("#divAlt").html(strAlt); }); </script> </head> <body> <img src="Images/7-07.jpg" title="这是一张画"> <div id="divAlt"></div> </body>
访问元素 属性操作 设置元素的属性 ■在页面中,atr(方法不仅可以用来获取元素的属性值,还可以设置元 素的属性,其设置元素属性的语法格式妚下所示: attr(key, value attr((keyO: valued, key: valuel))
访问元素 属性操作 设置元素的属性 在页面中,attr()方法不仅可以用来获取元素的属性值,还可以设置元 素的属性,其设置元素属性的语法格式如下所示: attr(key,value) attr({key0:value0,key1:value1})
访问元素 属性操作 设置元素的属性 另外,atr(方法还可以绑定一个 unction0函数通过该函数返回的值 作为元素的属性值。语法格式如下所示 attr(key, function(index)) 其中,参数 index为当前元素的索引号,整个函数返回一个字符串作为 元素的属性值
访问元素 属性操作 设置元素的属性 另外,attr()方法还可以绑定一个function()函数,通过该函数返回的值 作为元素的属性值。语法格式如下所示: attr(key,function(index)) 其中,参数index为当前元素的索引号,整个函数返回一个字符串作为 元素的属性值
访问元素 属性操作 案例2 <script> S(function <style> s(img") attr( title,"这是一张风景画"; IsIng SCimg").addClass(clsing); border: 2px solid #ccc; padding: 3px; float S(img).attr(src", function(t left: return"Images/mgo"+ Math. floor(Math. random(*2+1)+".jpg /style <body> </script> <img alt=" src="Images/img03 jpg width="400"height=300 </boar>
访问元素 属性操作 案例2 <style> .clsImg{ border: 2px solid #ccc;padding: 3px; float: left;} </style> <body> <img alt="" src="Images/img03.jpg" width="400" height="300"> </body> <script> $(function(){ $("img").attr("title","这是一张风景画"); $("img").addClass("clsImg"); $("img").attr("src",function(){ return "Images/img0"+ Math.floor(Math.random()*2+1)+".jpg"; }); }); </script>
访问元素 属性操作 删除元素的属性 Query中通过attr0方法设置元素的属性后,使用 removeAttr0方法可 以将元素的属性删除,其语法结构如下所示 remove Attr(name)
访问元素 属性操作 删除元素的属性 jQuery中通过attr()方法设置元素的属性后,使用removeAttr()方法可 以将元素的属性删除,其语法结构如下所示: removeAttr(name)