博客核心内容:
加载顺序:
如何选择标签并进行执行
通过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"> <button>start</button> <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)
}
}