关闭

Jquery学习前传

标签: jquery前传
730人阅读 评论(0) 收藏 举报
分类:

博客核心内容:

加载顺序:

这里写图片描述

如何选择标签并进行执行

这里写图片描述

通过Jquery如何获取某个标签中某个属性对应的数值方法1

例如:我们想给下面的a标签添加事件并获取a标签中news_id=”{{ news.id }}”中news_id这个属性对应的数值。

<div>
     <div>{{ news.title }}</div>
     <div> 发布者:{{ news.publisher.username }} - 评论个数:{{ news.comment_count }} - 
     <a class="news-like" href="#" news_id="{{ news.id }}">赞:{{ news.favor_count }}</a></div>
     <br>
</div>

方法:很重要

function bindFavorEvent() {
        $('.news-like').click(function(){
            {#获取当前新闻的ID并进行输出#}
             alert($(this).attr('news_id'))
        })
    }

效果示例:
这里写图片描述

通过Jquery如何获取某个标签中某个属性对应的数值方法2

对于另外一种用法,我也试了,用着也可以。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>通过定时器实现文本框的数值1分钟变一次</title>
</head>
<body>
    <input style="border-radius: 10%" type="text">&nbsp;<button>start</button>&nbsp;<button>end</button>
</body>
<script src="jquery-3.1.1.js"></script>
<script>
    start_button = $('button').eq(0)
    stop_button = $('button').eq(1)
    input_button = $('input').eq(0)

    start_button.click(function () {
        current_time = new Date().toString()
        input_button.val(current_time)
        console.log(input_button.val())
    })


</script>
</html>

效果展示:
这里写图片描述

通过Jquery如何获取某个标签中某个属性对应的数值方法3

if (arg.status){
                          {# 如果点赞成功+1 #}
                           var orign = obj.text();
                           var new_value = parseInt(orign) + 1;
                           obj.text(new_value);
                      }else{
                          {# 如果点赞失败-1#}
                           var orign = obj.text();
                           var new_value = parseInt(orign) - 1;
                           obj.text(new_value);
                      }

这里写图片描述

常见的创建标签

if (tagname != "DIV") {
                        var tag = document.createElement("div")
                        tag.innerText = "用户名或者密码有误"
                        tag.setAttribute("name", "error")
                        tag.classList.add("text-center")
                        tag.style.color = "red"
                        {# 登陆标签后面加入这个新标签#}
                        $("input[value=登录]").after(tag)
                    }

通过浏览器查找标签的技巧(注意:浏览器中就不要加var了)

<iframe src="" name="xxxxx" style="">
       #document
        <html>
           <head></head>
           <body>{"msg": null, "data": "static\\images\\iframe.png", "status": true}</body>
        </html>
    </iframe>

这里写图片描述
看来以后我们通过浏览器这种方式就可以更好的使用jquery了。

JS和Jquery当中一种值得学习的函数加载方式:

这里写图片描述

Form表单中通过a标签向后台发送数据

这里写图片描述

Jquery中如何通过attr设置某个属性的数值(重要,强烈推荐)

标签.attr(‘属性值’,’value’)

success:function (arg) {
                {#   模拟长轮询,向后台在次发送请求  #}
                if (arg.code == 408){
                    checkLogin();
                }else if(arg.code == 201){
                    $('#img').attr('src',arg.data)
                }
            }
1
0
查看评论

利用回调接口实现activity之前传数据

例如第一个activity向第二个activity传送数据
  • u012519561
  • u012519561
  • 2014-10-15 17:29
  • 349

跟老杨学java系列(一)前传

跟老杨学java系列(一)前传 首先声明一下哈,本人文笔水平有限,不喜勿喷。欢迎大家留言探讨技术问题。其他问题概不回复。      上台来首先做个自我介绍(~~偷师相声开场白),本人从事IT开发行业快二十个年头了,属于IT开发行业里的一个小学生,从当年的c...
  • qq_35653677
  • qq_35653677
  • 2016-10-22 15:24
  • 105

Win10下运行复活之秦殇前传

最近怀旧玩复活之秦殇前传(以下简称复活),用的原版镜像安装的,直接打开后是鼠标图标变了,但黑屏,过一会退回桌面,解决方法如下(纯手打,原创非复制) 安装dx8.1,安装光盘有 从C:\Windows\SysWOW64 复制d3d8.dll到游戏目录(如D:\GAMES\目标软件(北京)有限公司\复活...
  • MuoYangoRen
  • MuoYangoRen
  • 2017-06-09 23:12
  • 849

【JavaWeb前传系列】第01章_HTML入门

完整版见https://jadyer.github.io/
  • jadyer
  • jadyer
  • 2012-11-26 13:22
  • 1357

Caffe解惑:caffe中的前传和反传是如何确定的?

有人一直对Caffe does all the bookkeeping for any DAG of layers to ensure correctness of the forward and backward passes。这句话有疑惑。 我给出解释: 首先给出caffe确...
  • xizero00
  • xizero00
  • 2016-03-24 20:37
  • 3058

jQuery学习心得

我第一次接触jquery是在大二下学期的时候,当时我们课程在讲web基础,也就是html css和js那些,我在慕课网(一个不错的在线视频学习网站,现在也在用)上提前学习了jQuery和jQuery-UI。当时只是为了腾出点时间学习更多东西,想走在大多数人前面,时间久了,等到现在上这门课才真正领略到...
  • qq598535550
  • qq598535550
  • 2016-01-02 12:38
  • 5256

jQuery学习总结和进阶展望

jQuery学习总结包括HTML文档操作、HTML文档遍历、事件、动画和AJAX。对常用的API进行分类和整理,巩固记忆,加深理解。 进阶展望点包括阅读jQuery源代码,理解其工作原理,分析其代码结构,了解作者开发思路和代码风格。而且,Bootstrap是依赖jQuery的,学习jQuery为后...
  • SuperVsky
  • SuperVsky
  • 2016-08-11 23:10
  • 754

仙五前补充资料

游戏的很多细节内容没有完全展示给玩家,或者有些误导。将详细资料记于此处,以供参考。内容基本与战斗系统有关。
  • w597013296
  • w597013296
  • 2016-07-21 15:19
  • 1451

《JQuery之系统化学习》

以强大的CSS选择器为基础,查找DOM对象   屏蔽浏览器差异,对DOM的操作提供了方便的枯寂站。易用的事件处理API和动画API   强大的插件机制
  • yxf15732625262
  • yxf15732625262
  • 2017-02-12 22:48
  • 395

无条件呼叫前转

 无条件呼叫前转 无条件前转属于被叫侧业务,是指允许用户将所有来话无条件的转接到预先设定的前转方上,或前转到语音邮箱。 每一个通话所允许前转的最大次数不超过5次。前转的计数包括所有的前转类型。 对于一般的主、被叫用户号码,都可以做为前转目的号码,但是为...
  • liujianfeng1984
  • liujianfeng1984
  • 2014-07-04 12:16
  • 2975
    个人资料
    • 访问:650726次
    • 积分:9252
    • 等级:
    • 排名:第2370名
    • 原创:332篇
    • 转载:87篇
    • 译文:0篇
    • 评论:113条
    最新评论