<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery.js"></script> <script> window.onload = function(){ $('#btnok')[0].onclick= function(){ //1.获取img标签的src属性 //alert($('img').attr('src')); //2.设置属性的值 //$('img').attr('src','images/2.jpg'); /* //3.同时为img设置多个属性 var data = { src:'images/1.jpg', width:'150px', height:'190px' }; $('img').attr(data); */ //4.通过函数的返回值设置元素属性 /* $('img').attr('src',function(){ //return 'images/'+随机数+'.jpf'; return 'images/'+Math.ceil(Math.random()*54)+'.jpg'; }); */ //5.移除元素的属性 $('img').removeAttr('src'); } } </script> </head> <body> <input type="button" id="btnok" value="属性操作" /> <hr /> <img src="images/1.jpg" /> <ul> <ol></ol> </ul> </body> </html> <?php header("Content-Type:text/html;charset=utf-8");