当前位置: 首页 > 编程笔记 >

jQuery实现简单评论功能

龚镜
2023-03-14
本文向大家介绍jQuery实现简单评论功能,包括了jQuery实现简单评论功能的使用技巧和注意事项,需要的朋友参考一下

本文实例为大家分享了jQuery实现简单评论功能的具体代码,供大家参考,具体内容如下

例子:

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title></title>
  <meta charset="utf-8" />
  <style type="text/css">
    #tab {
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
    width:200px;
    }
    #tab td{
      border-left:1px solid #000000;
      border-top:1px solid #000000;
    }
  </style>
  <script src="../scripts/jquery-1.3.1.js"></script>
  <script>
    $(function () {
      $("#Button1").click(function () {
        //获取昵称
        var name = $("#name").val();
        //获取内容
        var next = $("#next").val();
        //添加
        var ul_li = $(" <tr><td>" + name + "</td><td>" + next + "</td>");
        var b = $("#tab");
        b.append(ul_li);
      });
    });
  </script>
</head>
<body>
  <div>
    <table id="tab">
    <tr><td>昵称</td><td>内容</td>
    </table>
    昵称:<input id="name" type="text" />
    内容:<input id="next" type="text" />
    <input id="Button1" type="button" value="评论" />
  </div>
</body>
</html>

效果:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍jQuery实现简单评论区功能,包括了jQuery实现简单评论区功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了jQuery实现简单评论区的具体代码,供大家参考,具体内容如下 直接看代码吧 其实这个小案例的核心呢就是jQuery动态创建,localStorage本地存储,本地数据的存入和取出,要用JSON.parse()和JSON.stringify()来进行转换,

  • 本文向大家介绍jQuery实现评论模块,包括了jQuery实现评论模块的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了jQuery实现评论模块的具体代码,供大家参考,具体内容如下 本模块可用于评论或留言,输入区模仿畅言,内容显示使用时间轴,以下是示例图。 实现代码如下: index.html publish_comment.css 以上就是本文的全部内容,希望对大家的学习有所帮助,也

  • 本文向大家介绍uni-app实现点赞评论功能,包括了uni-app实现点赞评论功能的使用技巧和注意事项,需要的朋友参考一下 模拟朋友圈实时点赞及评论功能 点赞思路:点击的时候,使用push(点赞)以及slice(取消赞)方法处理数组,并且调用点赞接口 评论思路:点击的时候,写多一个评论列表,当点击发送的时候commentStatus=true,且索引等于点击的索引。同时调用获取评论列表的接口 ht

  • 问题内容: 您使用什么约定来评论获取方法和设置方法?这是我很长时间以来一直想知道的事情: 我总是发现我几乎在为1a / b和2a / b写完全相同的东西,例如1a)设置员工的薪水,1b)员工的薪水。似乎太多余了。现在我可以看到,对于更复杂的内容,您可以在(a)部分中编写更多内容,以提供具体背景信息,但是对于大多数使用方法的人来说,措辞几乎完全相同。 我只是好奇,对于简单的获取者/设置者而言,仅填写

  • 本文向大家介绍Python Django使用forms来实现评论功能,包括了Python Django使用forms来实现评论功能的使用技巧和注意事项,需要的朋友参考一下 貌似Django从版本1.6开始就放弃了对自带的comments的使用,具体原因未查,但是现在使用Django的内部的模块也可以实现评论功能,那就是借助于forms模块,下面是我的一个小例子。 环境准备  •操作系统 : win

  • 本文向大家介绍基于jquery实现ajax无刷新评论,包括了基于jquery实现ajax无刷新评论的使用技巧和注意事项,需要的朋友参考一下 jquery实现ajax无刷新评论需要用的技术:(本次试验用的是“jquery-1.4.2.js”版本的jquery) $.post("一般处理程序路径",{以字典的形式传递参数},function(data,status){``````}); jquery中