jquery this 与javascript的this
<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的更多相关文章
- 最新的jQuery插件和JavaScript库
每一个前端开发人员很清楚的重要性和功能的JavaScript库提供.它提供了一个简单的接口,用于构建快速动态的接口,而无需大量的代码. 谢谢你的超级从事jQuery开发者社区,人始终是创造新的和令人惊 ...
- Jquery第一篇【介绍Jquery、回顾JavaScript代码、JS对象与JQ对象的区别】
什么是Jquery? Jquey就是一款跨主流浏览器的JavaScript库,简化JavaScript对HTML操作 就是封装了JavaScript,能够简化我们写代码的一个JavaScript库 为 ...
- 【JQuery】jquery对象和javascript对象即DOM对象相互转换
jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象.jQuery 对象是 jQuery 独有的,其可以使用 jQuery 里的方法,但是不能使用 DOM 的方法:例如: $(&quo ...
- jquery对象和javascript对象即DOM对象相互转换
jquery对象和javascript对象即DOM对象相互转换 1. DOM 对象转成 jQuery 对象对于已经是一个 DOM 对象,只需要用 $() 把DOM对象包装起来,就可以获得一个 jQue ...
- 2015.4.20 Canvas Jquery 移动端 JavaScript
1.分享效果:弹窗Canvas渲染大图. 2.进度条中表现进度百分比的数值d%,根据进度的增长“字体颜色”为了表示清晰也随着变化 解决方法:参考Demo. 3.输入框保持查询参数,结果列表局部 ...
- jQuery事件和JavaScript事件
1.JavaScript事件: 属性 当以下情况发生时,出现此事件 FF N IE onabort 图像加载被中断 1 3 4 onblur 元素失去焦点 1 2 3 onchange 用户改变域的内 ...
- jquery函数和javascript函数的区别
一.窗口加载:http://www.w3school.com.cn/js/js_library_jquery.asp 在 JavaScript 中,您可以分配一个函数以处理窗口加载事件: JavaSc ...
- jquery对象和javascript对象相互转换
本文转载:http://jeiofw.blog.51cto.com/3319919/786506 jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象.jQuery 对象是 jQuer ...
- jQuery 选择器和JavaScript 选择器的技巧与异常原因
jquery的选择器借鉴了css选择器,核心依然依靠JavaScript的getElementById()和getElementsByTagName()方法,但是他封装了2个方法,让jquery选择器 ...
随机推荐
- C# 中excel操作
c#中设置Excel单元格格式 1.全表自动列宽 mysheet.Cells.Select(); mysheet.Cells.Columns.AutoFit(); 2.合并 excelRa ...
- Java系列笔记(4) - JVM监控与调优
目录 参数设置收集器搭配启动内存分配监控工具和方法调优方法调优实例 光说不练假把式,学习Java GC机制的目的是为了实用,也就是为了在JVM出现问题时分析原因并解决之.通过学习,我觉得JVM ...
- JAVA-多屏幕显示
以下代码适用于:一台主机连接多台显示器,JAVA Swing窗口需要分别显示到对应的显示器上. GraphicsEnvironment env = GraphicsEnvironment.getLoc ...
- Memcached和Redis对比和适用场景
关于memcached和redis的使用场景,根据大神们的讨论和我在网上查到的资料,总结一下: 两者对比: redis提供数据持久化功能,memcached无持久化: redis的数据结构比memca ...
- 目前主流的Android定位有如下几种:
1.通过GPS模块 GPS方式准确度是最高的,但是它的缺点也非常明显:1,比较耗电:2,绝大部分用户默认不开启GPS模块:3,从GPS模块启动到获取第一次定位数据,可能需要比较长的时间:4,室内几乎无 ...
- Android中使用SQLiteOpenHelper管理SD卡中的数据库
使用Android中自带的SQLiteOpenHelper可以完成数据库的创建与管理,但有两点局限: (1)数据库创建在内存卡中,大小受限,创建位置位于/data/data/应用程序名/databas ...
- C语言 homework (3)
#include<stdio.h> #include<stdlib.h> #include<time.h> int main() { ; char c; do{ ...
- Failed to resolve: junit:junit:4.12
在Android Studio创建项目之后,提示一个junit错误. 解决方案: 第一步:找到build.gradle的file,如图: 第二步: 第三步:把中间行代码"testCompi ...
- inner join ,left join ,right join 以及java时间转换
1.inner join ,left join 与 right join (from 百度知道) 例表aaid adate1 a12 a23 a3表bbid bdate1 ...
- mysql 将指定列的浮点数转化为整数
mysql 将指定列的浮点数转化为整数: update A set B = cast(B as decimal(10,0)) -- 或者 update A set B = round(B,0) 例 ...