attr():

jQuery 方法 attr(),也提供回调函数。回调函数由两个参数:被选元素列表中当前元素的下标,以及原始(旧的)值。然后以函数新值返回您希望使用的字符串。

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <style>
    input {
    display    : block;
margin     : 10px;
padding    : 10px;
background : #bbffaa;
border     : 1px solid #ccc;
    }
    </style>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>

<body>
    <h2>.attr()与.removeAttr()</h2>
    <h3>.attr</h3>
    <form>
        <input type="text" value="设置value" />
        <input type="text" value="获取value"/>
        <input type="text" value="回调拼接value" />
        <input type="text" value="删除value" />
    </form>

<script type="text/javascript">
    //找到第一个input,通过attr设置属性value的值
    $("input:first").attr('value','.attr( attributeName, value )')
    </script>

<script type="text/javascript">
    //找到第二个input,通过attr获取属性value的值
    alert($("input:nth-child(2)").attr('value'))
    </script>

<script type="text/javascript">
    //找到第三个input,通过使用一个函数来设置属性
    //可以根据该元素上的其它属性值返回最终所需的属性值
    //例如,我们可以把新的值与现有的值联系在一起:
    $("input:eq(2)").attr('value',function(i, val){
    return '通过function设置' + val
    })
    </script>

<script type="text/javascript">
    //找到第四个input,通过使用removeAttr删除属性
    ?.removeAttr('value')
    </script>

</body>

</html>

attr()里面的回调函数相关推荐

  1. c语言键盘回调函数键盘的码,深入浅出剖析C语言函数指针与回调函数(三)

    前面两篇文章: http://blog.csdn.net/morixinguan/article/details/65494239 http://blog.csdn.net/morixinguan/a ...

  2. ajax 成功回调函数,jQuery的阿贾克斯成功回调函数定义jQuery的阿贾克斯成功回调函数定义(jQuery ajax...

    我想使用jQuery的ajax从服务器获取数据. 我希望把成功的回调函数定义外面.ajax()块像下面这样. 所以,我需要声明变量dataFromServer像下面这样我就能从成功回调使用返回的数据? ...

  3. DWZ(JUI)的lookupGroup增加回调函数

    DWZ 是一个很好的富客户端框架 lookupGroup也是一个必用到的东东,但没有回调函数,后期处理相当的不便. 修改其dwz.database.js 增加几行,就能实行一个很好的回调. 使用就方便 ...

  4. JS回调函数(callback)

    在使用Jquery的时候,用到Callback(),回调函数的概念.而且很多. 比如: $.ajax({url:"test.json",type: "GET", ...

  5. JQUERY操作html--获取和设置内容、属性、回调函数

    一:jQuery - 获取内容和属性 1.获得内容 - text().html() 以及 val() text() - 返回所选元素的文本内容 html() - 返回所选元素的内容(包括 HTML 标 ...

  6. js函数引用、函数调用与回调函数

    var function1=function2; 1.调用function1()函数的结果正好与调用function2()相同,因为两个函数都引用了相同的代码,因此函数名称也称为函数调用. 2.引用函 ...

  7. dwz框架---(2)表单回调函数

    dwz中的表单回调函数大概有下面几种: /*** 普通ajax表单提交* @param {Object} form* @param {Object} callback* @param {String} ...

  8. linux中rcf命名管道,RCF的简单使用教程以及什么是回调函数

    RCF的使用教程 RCF(Remote Call Framework)是一个使用C++编写的RPC框架,在底层RCF支持多种传输实现方式(transport implementations). 包括T ...

  9. ajax回调函数有时成功有时失败,$.ajax数据传输成功却执行失败的回调函数

    这个问题迷惑了我好几天,都快要放弃了,功夫不负有心人,最终成功解决,下面写一下我的解决方法. 我传的数据是json类型的,执行失败的回调函数是因为从后台传过来的数据不是严格的json类型,所以才会不执 ...

  10. 回调函数(简单易懂)

    因为今天又遇到新的回调函数的形式 callback && callback(): 所以搜了一下回调函数,发现真的好多人写得好复杂啊,看得我昏昏欲睡还是看不懂,还有看到有的人说是 主函数 ...

最新文章

  1. iOS--MD5加密封装
  2. 简单数据结构(队列 栈 树 堆 )
  3. 与年轻人的“要疯”五年,安踏如何保持新鲜感与吸引力?
  4. Longest Increasing Subsequence(LIS入门dp)
  5. 尽梨了(贪心+dp)
  6. Space Time Varying Color Palette
  7. mysql 连接 内存溢出_mysql - MySQL中止连接未知错误 - 堆栈内存溢出
  8. 用Python玩连连看是什么效果?
  9. C语言课后习题(1)
  10. 技术实践丨Prometheus+Grafana搭建HBase监控仪表盘
  11. 大前端的自动化工厂(1)——Yeoman
  12. 【Android】16.3 带Intent过滤器的Services
  13. 安装库_python的库的安装
  14. Intel微处理器列表_百度百科
  15. JAVA屏幕截图与水印添加程序-HEHEHEScreenshot
  16. thinkphp5---join联合查询
  17. ASA站点×××,远程站点通过主站上网之配置
  18. 珍藏版《一步一步学PLC编程》全套资料!
  19. 利用python实现简单的人工神经网络识别手写数字
  20. msi和exe安装文件有什么区别

热门文章

  1. Android 自定义View(二)绘制一个封闭多边形
  2. Android AbsoluteLayout 绝对布局
  3. rk3399_android7.1 USB Type-A的配置
  4. 对JQuery中Ajax应用与jQuery插件的理解与笔记
  5. Keymob锁屏:三屏切换 开启移动入口平台新时代
  6. 捕鱼分鱼、出售鱼、平分七筐鱼
  7. 面试题分享,麻麻再也不用担心我的面试了
  8. 数据库建模——用PowerDesigner对现有的数据库进行逆向工程
  9. dotproject问题。
  10. 计算机网络的结构之Internet结构