zoukankan      html  css  js  c++  java
  • 属性attr(name|properties|key,value|fn)

    1、attr(name|properties|key,value|fn)

            设置或返回被选元素的属性值


    2、参数

    (1)name:String类型,属性名称

    (2)properties:Map类型,作为属性的“名/值对”对象

    (3)key,value:String,Object,属性名称,属性值

    (4)key,function(index, attr):String,Function

            a、属性名称

            b、返回属性值的函数,第一个参数为当前元素的索引值,第二个参数为原先的属性值


    3、示例

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>attr(name|properties|key,value|fn)属性</title>
    <script type="text/javascript" src="jquery-2.0.3.js"></script>
    <script type="text/javascript">
        $(function(){
    	     //返回所有图像的src属性值
    	     var a = $("img").attr("src");
    	     alert(a);
    	     //为所有图像设置src和alt属性
    	     $("img").attr({ src: "xpic11866_s.jpg", alt: "image" });
    	     alert("为所有图像设置src属性");
    	     //为所有图像设置src属性
    	     $("img").attr("src","xupic27_s.jpg");
    	     alert("把src属性的值设置为title属性的值");
    	     //把src属性的值设置为title属性的值
    	     $("img").attr("title", function() { return this.src });
    	});
    </script>
    </head>
    
    <body style="text-align:center;">
      <table>
         <tr>
    	<td><img src="apic131_s.jpg"/></td>
         </tr>
         <tr>
    	<td><img src="apic146_s.jpg"/></td>
         </tr>
         <tr>
    	<td><img src="gpic541_s.jpg"/></td>
         </tr>
         <tr>
    	<td><img src="gpic599_s.jpg"/></td>
         </tr>
      </table>
    </body>
    </html>


    4、结果如下图

    (1)初始化



    (2)点击“确定”后


    (3)再次点击“确定”后


  • 相关阅读:
    (转)介绍一些.net开源项目
    (转).Net有哪些大型项目、大型网站的案例?
    Linux下的awk使用
    linux下的sed使用
    linux下的find、grep、cut使用
    CentOS7下的Zabbix4.4安装配置
    NetBackup linux客户端安装
    bat小脚本
    批量复制指定目录下的文件,并统计执行时间
    iptables
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13315701.html
Copyright © 2011-2022 走看看