jQuery 中的 attr( key, fn )方法函数

首页 / jQuery入门教程 / jQuery 中的 attr( key, fn )方法函数

attr(key,func)方法在所有匹配的元素上将单个属性设置为计算值。

attr( key, fn ) - 语法

selector.attr( key, func )

这是此方法使用的所有参数的描述-

链接:https://www.learnfk.comhttps://www.learnfk.com/jquery/attr-key-function.html

来源:LearnFk无涯教程网

  • key    -  要设置的属性的名称。

  • func  -  返回要设置的值的函数。此函数将有一个参数,它是当前元素的索引。

attr( key, fn ) - 示例

<html>
   <head>
      <title>The Selecter Example</title>
      <script type="text/javascript" 
         src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
   
      <script type="text/javascript" language="javascript">
         $(document).ready(function() {
            $("table").attr("border", function(index) {
               return "4px";
            })
         });
      </script>	
   </head>
	
   <body>
      <table>
         <tr><td>This is first table</td></tr>
      </table>

      <table>
         <tr><td>This is second table</td></tr>
      </table>

      <table>
         <tr><td>This is third table</td></tr>
      </table>	
   </body>
</html>

这将产生以下输出-

无涯教程网


This is first table
This is second table
This is third table

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

从0开始学微服务 -〔胡忠想〕

玩转webpack -〔程柳锋〕

互联网人的英语私教课 -〔陈亦峰〕

分布式数据库30讲 -〔王磊〕

小马哥讲Spring AOP编程思想 -〔小马哥〕

李智慧 · 高并发架构实战课 -〔李智慧〕

中间件核心技术与实战 -〔丁威〕

超级访谈:对话毕玄 -〔毕玄〕

结构思考力 · 透过结构看表达 -〔李忠秋〕

好记忆不如烂笔头。留下您的足迹吧 :)