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) } }

今天的文章 Jquery学习前传分享到此就结束了，感谢您的阅读。

Jquery学习前传

加载顺序:

如何选择标签并进行执行

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

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

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

常见的创建标签

通过浏览器查找标签的技巧（注意：浏览器中就不要加var了）

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

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

Jquery中如何通过attr设置某个属性的数值（重要，强烈推荐）

相关推荐