attr()里面的回调函数
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()里面的回调函数相关推荐
- c语言键盘回调函数键盘的码,深入浅出剖析C语言函数指针与回调函数(三)
前面两篇文章: http://blog.csdn.net/morixinguan/article/details/65494239 http://blog.csdn.net/morixinguan/a ...
- ajax 成功回调函数,jQuery的阿贾克斯成功回调函数定义jQuery的阿贾克斯成功回调函数定义(jQuery ajax...
我想使用jQuery的ajax从服务器获取数据. 我希望把成功的回调函数定义外面.ajax()块像下面这样. 所以,我需要声明变量dataFromServer像下面这样我就能从成功回调使用返回的数据? ...
- DWZ(JUI)的lookupGroup增加回调函数
DWZ 是一个很好的富客户端框架 lookupGroup也是一个必用到的东东,但没有回调函数,后期处理相当的不便. 修改其dwz.database.js 增加几行,就能实行一个很好的回调. 使用就方便 ...
- JS回调函数(callback)
在使用Jquery的时候,用到Callback(),回调函数的概念.而且很多. 比如: $.ajax({url:"test.json",type: "GET", ...
- JQUERY操作html--获取和设置内容、属性、回调函数
一:jQuery - 获取内容和属性 1.获得内容 - text().html() 以及 val() text() - 返回所选元素的文本内容 html() - 返回所选元素的内容(包括 HTML 标 ...
- js函数引用、函数调用与回调函数
var function1=function2; 1.调用function1()函数的结果正好与调用function2()相同,因为两个函数都引用了相同的代码,因此函数名称也称为函数调用. 2.引用函 ...
- dwz框架---(2)表单回调函数
dwz中的表单回调函数大概有下面几种: /*** 普通ajax表单提交* @param {Object} form* @param {Object} callback* @param {String} ...
- linux中rcf命名管道,RCF的简单使用教程以及什么是回调函数
RCF的使用教程 RCF(Remote Call Framework)是一个使用C++编写的RPC框架,在底层RCF支持多种传输实现方式(transport implementations). 包括T ...
- ajax回调函数有时成功有时失败,$.ajax数据传输成功却执行失败的回调函数
这个问题迷惑了我好几天,都快要放弃了,功夫不负有心人,最终成功解决,下面写一下我的解决方法. 我传的数据是json类型的,执行失败的回调函数是因为从后台传过来的数据不是严格的json类型,所以才会不执 ...
- 回调函数(简单易懂)
因为今天又遇到新的回调函数的形式 callback && callback(): 所以搜了一下回调函数,发现真的好多人写得好复杂啊,看得我昏昏欲睡还是看不懂,还有看到有的人说是 主函数 ...
最新文章
- iOS--MD5加密封装
- 简单数据结构(队列 栈 树 堆 )
- 与年轻人的“要疯”五年,安踏如何保持新鲜感与吸引力?
- Longest Increasing Subsequence(LIS入门dp)
- 尽梨了(贪心+dp)
- Space Time Varying Color Palette
- mysql 连接 内存溢出_mysql - MySQL中止连接未知错误 - 堆栈内存溢出
- 用Python玩连连看是什么效果?
- C语言课后习题(1)
- 技术实践丨Prometheus+Grafana搭建HBase监控仪表盘
- 大前端的自动化工厂(1)——Yeoman
- 【Android】16.3 带Intent过滤器的Services
- 安装库_python的库的安装
- Intel微处理器列表_百度百科
- JAVA屏幕截图与水印添加程序-HEHEHEScreenshot
- thinkphp5---join联合查询
- ASA站点×××,远程站点通过主站上网之配置
- 珍藏版《一步一步学PLC编程》全套资料!
- 利用python实现简单的人工神经网络识别手写数字
- msi和exe安装文件有什么区别