Jquery学习前传

标签: jquery前传
427人阅读 评论(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)
                }
            }
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:496502次
    • 积分:7989
    • 等级:
    • 排名:第2703名
    • 原创:326篇
    • 转载:80篇
    • 译文:0篇
    • 评论:83条
    最新评论