zoukankan      html  css  js  c++  java
  • 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写的比较少的人,作为一个小的知识点~~

  • 相关阅读:
    水木清华小爬虫
    不让复制是不可能的----js获取选中文字
    [转]nonlocal和global
    LLVM和clang
    Megcup2017 Dogfood
    史莱姆自爆问题
    前端颜色表
    [转]论文十诫
    返利网盈利模式
    事务的四个属性ACID
  • 原文地址:https://www.cnblogs.com/jami918/p/3801049.html
Copyright © 2011-2022 走看看