<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. 如何用SQL命令行工具删除dedecms指定id文章

    用dedecms采集时标题字段设置错了,出现了注释符号<!---->,导致后台的文章列表出现错误,也无法直接从列表中删除,可以远程登录数据库去操作,这个相对比较麻烦,想着直接从后台的SQL ...

  2. 如何设计PHP业务模块(函数/方法)返回结果的结构?

    如题:如何设计业务模块返回结果的结构? 一个业务函数/方法执行后,对外输出数据的结构通常有以下几种: 1.返回数字,如 成功时返回 0,失败时返回 -1,有的还会用一个全局变量输出错误信息: < ...

  3. Mac Pro Office Word 2011 个性化设置

    操作系统:Mac Pro OS X 10.11.5 1.常用的几个操作: (1).视图 -> 功能区 (2).视图 -> 打印版式 (3).视图 -> 大纲 (4).视图 -> ...

  4. Javascript包含对象的数组去重

    Array.prototype.clearRepeat = function(){ var result = [], obj = {}; for(var i = 0; i < this.leng ...

  5. Jquery简单瀑布流代码示例

    最近很多网站都采用瀑布流风格设计,感觉挺有个性的,比较合适做图片类型的网站,没事仿开心网做一个瀑布流示例. 需要用到Jquery,jquery.masonry.min.js <!DOCTYPE ...

  6. 优雅地使用Windows

    优雅地使用Windows 理财推荐:收益还行,安全性比余额宝高,只能自己的卡转进转出所以被盗也不怕,重要的是快速取现实时到账呢 1 现金宝 :点击进入现金宝 或者百度现金宝 2 百度理财 8.baid ...

  7. Eclipse高级使用技巧

    1. Eclipse的配置文件导入和导出功能 说明:可以将Eclipse的自定义的工作空间配置文件导出和导入,这样创建多工作空间时候就省去了再设置的烦恼. 2. Eclipse设置显示行号 说明:设置 ...

  8. sqlite采用的ORM包

    关注了两个库的使用方式,一个是Dapper,一个是Simple.Data.考虑一个可选的是ORMLite, Dapper和simple.data都比较好用,动态对象的使用妙不可言,区别在于 //Dap ...

  9. (备忘)android模拟器摄像头模拟

    Camera分Front Camera和Back Camera 通常我们模拟后摄像头就可以了 三个选项 none:表示没有摄像头,打开摄像应用会崩溃 emulated:系统模拟一个动态的画面--在黑白 ...

  10. MFCC可视化

    大多数文章和博客介绍都是MFCC的算法流程,物理意义,这里仅仅从数据分布可视化的角度,清晰 观察MFCC特征在空间中的分布情况,加深理解. MFCC处理流程: MFCC参数的提取包括以下几个步骤: 1 ...