<div class="list">
<table>
<thead>
<tr>
<th width="110" rowspan="2">用户名id</th>
<th width="155" rowspan="2">用户名</th>
<th width="80" rowspan="2">姓名</th>
<th width="240" rowspan="2">手机号</th>
<th width="140" rowspan="2">qq</th>
<th width="140" rowspan="2">获奖时间</th>
<th width="140" rowspan="2">操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>2007502</td>
<td>asdf123g</td>
<td>你好</td>
<td>18288668556</td>
<td></td>
<td>2014-06-18</td>
<td>
<a data-url="http://m.9first.com/admin/activity/awardCheck" data-value="122" class="award-give js-aaa">未发放</a> </td> </tr>
<tr>
<td>2007502</td>
<td>asdf123g</td>
<td>你好</td>
<td>18288668556</td>
<td></td>
<td>2014-06-18</td>
<td>
<a data-url="http://m.9first.com/admin/activity/awardCheck" data-value="101" class="award-give js-aaa">未发放</a> </td> </tr>
<tr>
<td>2021188</td>
<td>jami12123</td>
<td>test</td>
<td>15873124444</td>
<td></td>
<td>2014-06-18</td>
<td>
<a href="javascript:;" class="award-gived">已发放</a> </td> </tr>
<tr>
<td>1722723</td>
<td>songjing2013</td>
<td>songjing</td>
<td>13123233232</td>
<td></td>
<td>2014-06-18</td>
<td>
<a data-url="http://m.9first.com/admin/activity/awardCheck" data-value="35" class="award-give js-aaa">未发放</a> </td> </tr>
<tr>
<td>1722723</td>
<td>songjing2013</td>
<td>songjing</td>
<td>13123233232</td>
<td></td>
<td>2014-06-18</td>
<td>
<a data-url="http://m.9first.com/admin/activity/awardCheck" data-value="33" class="award-give js-aaa">未发放</a> </td> </tr> </tbody>
<!-- <tfoot>
<tr>
<td colspan="10">
<a href="">上一页</a>
<a href="">1</a>
<a href="">2</a>
<span>……</span>
<a href="">4</a>
<a href="">下一页</a>
</td>
</tr>
</tfoot>-->
</table>
</div>


<script type="text/javascript">
$(function() {
var $wrap = $('.list');
$wrap.on('click','.award-gived',function(){
alert("奖品已发放!");
});
$wrap.on('click', '.js-aaa', function() {
var $this = $(this),
url = $this.data('url'),
v = $this.data('value'); if(confirm('确认标记奖品为已发放?')){ $.ajax({
url: url,
data: {id: v},
type: 'post',
success: function(response) {
if(response.status == 0) return alert('操作失败!');
else{
alert('操作成功!');
//window.location.reload();
$this.html('已发放').removeClass('js-aaa');
} }
});
}
});
});
</script>
jquery的写法:var $this = $(this),
原生js的写法: var $this = this, 区别还是很大的。原生的里面不能操作自己添加的属性,
而jquery的里面可以这样操作 var url = $this.data('url'), 对于js写的比较少的人,作为一个小的知识点~~

jquery this 与javascript的this的更多相关文章

  1. 最新的jQuery插件和JavaScript库

    每一个前端开发人员很清楚的重要性和功能的JavaScript库提供.它提供了一个简单的接口,用于构建快速动态的接口,而无需大量的代码. 谢谢你的超级从事jQuery开发者社区,人始终是创造新的和令人惊 ...

  2. Jquery第一篇【介绍Jquery、回顾JavaScript代码、JS对象与JQ对象的区别】

    什么是Jquery? Jquey就是一款跨主流浏览器的JavaScript库,简化JavaScript对HTML操作 就是封装了JavaScript,能够简化我们写代码的一个JavaScript库 为 ...

  3. 【JQuery】jquery对象和javascript对象即DOM对象相互转换

    jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象.jQuery 对象是 jQuery 独有的,其可以使用 jQuery 里的方法,但是不能使用 DOM 的方法:例如: $(&quo ...

  4. jquery对象和javascript对象即DOM对象相互转换

    jquery对象和javascript对象即DOM对象相互转换 1. DOM 对象转成 jQuery 对象对于已经是一个 DOM 对象,只需要用 $() 把DOM对象包装起来,就可以获得一个 jQue ...

  5. 2015.4.20 Canvas Jquery 移动端 JavaScript

    1.分享效果:弹窗Canvas渲染大图.   2.进度条中表现进度百分比的数值d%,根据进度的增长“字体颜色”为了表示清晰也随着变化 解决方法:参考Demo.   3.输入框保持查询参数,结果列表局部 ...

  6. jQuery事件和JavaScript事件

    1.JavaScript事件: 属性 当以下情况发生时,出现此事件 FF N IE onabort 图像加载被中断 1 3 4 onblur 元素失去焦点 1 2 3 onchange 用户改变域的内 ...

  7. jquery函数和javascript函数的区别

    一.窗口加载:http://www.w3school.com.cn/js/js_library_jquery.asp 在 JavaScript 中,您可以分配一个函数以处理窗口加载事件: JavaSc ...

  8. jquery对象和javascript对象相互转换

    本文转载:http://jeiofw.blog.51cto.com/3319919/786506 jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象.jQuery 对象是 jQuer ...

  9. jQuery 选择器和JavaScript 选择器的技巧与异常原因

    jquery的选择器借鉴了css选择器,核心依然依靠JavaScript的getElementById()和getElementsByTagName()方法,但是他封装了2个方法,让jquery选择器 ...

随机推荐

  1. HttpClient连接池的连接保持、超时和失效机制

    HTTP是一种无连接的事务协议,底层使用的还是TCP,连接池复用的就是TCP连接,目的就是在一个TCP连接上进行多次的HTTP请求从而提高性能.每次HTTP请求结束的时候,HttpClient会判断连 ...

  2. POJ 2635 The Embarrassed Cryptographer

    大数取MOD... The Embarrassed Cryptographer Time Limit: 2000MS Memory Limit: 65536K Total Submissions: 1 ...

  3. Unix时间戳转换怎样在Excel批量修改?

    最近在操作项目的时候碰到一个Unix时间戳转换的问题."date_time":1393031347这个是什么,你知道吗?如果你对Unix时间戳了解的话一眼就看出来.但我们本着科普的 ...

  4. 1.交通聚类:编辑距离 (Levenshtein距离)Java实现

    1.最近工作中要实现用户车辆的行驶路线的聚类,由于所给的数据只有用户一天中交通卡口所监视的卡口名称 :即青岛路-威海路-济阳路 . 要通过聚类实现车辆路线的规律分析,首先要解决的是相似度问题,我们知道 ...

  5. git之remote branch controller(远程分支控制)

    1.创建本地分支 git branch  //查看远程分支 git checkout -b branch_name //创建远程分支 在查看分支git branch 2.将分支提交到远程仓库 此时远程 ...

  6. nginx反向代理、根据浏览器分离访问

    环境根据http://www.cnblogs.com/zzzhfo/p/6032095.html配置 修改LB的/usr/local/nginx/conf/nginx.conf upstream st ...

  7. nginx反向代理后getRequestURL会出现问题

    nginx反向代理后getRequestURL会出现问题 http://huangqiqing123.iteye.com/blog/1895192

  8. Android学习笔记(二)——探究一个活动

    //此系列博文是<第一行Android代码>的学习笔记,如有错漏,欢迎指正! 活动(Activity)是最容易吸引到用户的地方了,它是一种可以包含用户界面的组件,主要用于和用户进行交互.一 ...

  9. OOP感想

    OOP是面向对象编程(Object Oriented Programming).集于一身,最终目的是各司其职,让每个职责的只关注自己那块,其他的不管丢给下一个人.比如说,一个页面,对于客户,只要能看到 ...

  10. NOI2005 聪聪和可可

    Sol 记忆化搜索. \(f[u][v]\) 表示聪聪在 \(u\) ,可可在 \(v\) ,聪聪抓到可可的期望. 预处理出 \(u\) 到 \(v\) 最短路径编号最小的点,记为 \(g[u][v] ...