Jquery学习前传

博客核心内容:

加载顺序:

这里写图片描述

如何选择标签并进行执行

这里写图片描述

通过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)
                }
            }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一只懒得睁眼的猫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值