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)再次点击“确定”后


  • 相关阅读:
    linux ------ 使用 TFTP 在两个主机之前传输文件
    linux c 编程 ------ 串口编程
    Qt error ------ qRegisterMetaType() 跨线程信号与槽的形参携带
    Qt error ------ 'XXX' has not been declared
    Qt ------ 自定义QVector<T>中的T
    Qt ------ WAV 音频文件介绍
    short、int、long、float、double区别
    tinyint、smallint、bigint、int 区别
    String、StringBuffer与StringBuilder的区别
    equals与hashcode区别
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13315701.html
Copyright © 2011-2022 走看看