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)
                }
            }
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/a2011480169/article/details/78164686
文章标签: jquery 前传
个人分类: 前端
想对作者说点什么? 我来说一句

下一代移动前传白皮书

2017年11月16日 1.04MB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭