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#2.0 特性
泛型 迭代器 分布类 可空类型 匿名方法 命名空间别名限定符 静态类 外部程序程序集别名 属性访问器可访问性 委托中的协变和逆变 如何声明.实例化.使用委托 固定大小的缓冲区 友元程序集 内联警告控制 ...
- CSS vertical-align 属性
定义和用法 vertical-align 属性设置元素的垂直对齐方式.该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐
- Mac Pro 修改环境变量
参考:Ubuntu 12 修改环境变量 [实战] 把 php.php-fpm.nginx.mysql 的相关命令路径添加到 用户环境变量 $ vim ~/.bash_profile alias ll= ...
- objective-c-sort-keys-of-nsdictionary-based-on-dictionary-entries
NSArray *keys = [someDictionary allKeys]; NSArray *sortedKeys = [keys sortedArrayUsingComparator:^NS ...
- bootstrap-scrollspy
功能:用在导航栏上,用于滚动内容时动态对应导航标签 插件:scrollspy.js 要点:scrollspy用在导航栏.导航条上居多.body添加data-spy="scroll" ...
- iOS开发——UI进阶篇(十二)事件处理,触摸事件,UITouch,UIEvent,响应者链条,手势识别
触摸事件 在用户使用app过程中,会产生各种各样的事件 一.iOS中的事件可以分为3大类型 触摸事件加速计事件远程控制事件 响应者对象在iOS中不是任何对象都能处理事件,只有继承了UIResponde ...
- 把ZenCart在线商店搭建到本地
前些日子,要给在线的zencart商店做一些小改动,需要安装一个插件.大家都知道,zencart有很多插件选用,兼容性也好坏不一,直接在正在运营的网站程序上修改,难免会影响到客户体验,出什么差错了代价 ...
- PHP程序员如何突破成长瓶颈(php开发三到四年)
看了这篇博文,我正好处于这个阶段,也有心要突破自己,呵呵! 作为Web开发中应用最广泛的语言之一,PHP有着大量的粉丝,那么你是一名优秀的程序员吗?在进行自我修炼的同时,你是否想过面对各种各样的问题, ...
- 【GoLang】golang TCP 粘包处理 示例
参考资料: http://www.01happy.com/golang-tcp-socket-adhere/
- Java集合中Map接口的使用方法
Map接口 Map提供了一种映射关系,其中的元素是以键值对(key-value)的形式存储的,能够实现根据key快速查找value: Map中的键值对以Entry类型的对象实例形式存在: 建(key值 ...