jquery练习（一次性赋予多个属性值）

时间：2023-03-09 01:48:58
jquery练习（一次性赋予多个属性值） 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <title></title>

  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

  <style type="text/css">

  </style>

  <script  type="text/javascript" src="jquery-1.7.1.min.js"></script>

  <script type="text/javascript">

        window.onload=function(){

            $('#btnOk').click(function(){

            //一次设置多个属性值

                //$('font').attr({'color':'red','size':'6'});

                //使用函数的返回值作为属性值

                $('font').attr('color',function(){

                    return 'yellow';

                });

            });

        };

  </script>

 </head>

 <body>

    <font color='#336699'>字体10</font>

    <hr />

    <font>字体2</font>

    <hr />

  <input type="button" id='btnOk' value='确定'  />

 </body>

</html>

相关文章