jQuery实现简单评论功能


Posted in jQuery onAugust 19, 2020

本文实例为大家分享了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实现tab键进行选择后enter键触发click行为
Mar 29 jQuery
为JQuery EasyUI 表单组件增加焦点切换功能的方法
Apr 13 jQuery
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 jQuery
如何快速解决JS或Jquery ajax异步跨域的问题
Jan 08 jQuery
jQuery 改变P标签文本值方法
Feb 24 jQuery
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
Apr 17 jQuery
jQuery滑动效果实现方法分析
Sep 05 jQuery
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
Jun 18 jQuery
jquery.pager.js分页实现详解
Jul 29 jQuery
jQuery zTree插件快速实现目录树
Aug 16 jQuery
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
Nov 18 jQuery
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
jquery+ajax实现异步上传文件显示进度条
Aug 17 #jQuery
jQuery实现异步上传一个或多个文件
Aug 17 #jQuery
jQuery中event.target和this的区别详解
Aug 13 #jQuery
JQuery通过键盘控制键盘按下与松开触发事件
Aug 07 #jQuery
Jquery cookie插件实现原理代码解析
Aug 04 #jQuery
jQuery实现雪花飘落效果
Aug 02 #jQuery
jQuery实现滑动开关效果
Aug 02 #jQuery
You might like
PHP简单日历实现方法
2016/07/20 PHP
php json中文编码为null的解决办法
2016/12/14 PHP
php抽象方法和普通方法的区别点总结
2019/10/13 PHP
JavaScript中void(0)的具体含义解释
2007/02/27 Javascript
javascript实现的距离现在多长时间后的一个格式化的日期
2009/10/29 Javascript
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
2010/10/18 Javascript
基于jquery的多功能软键盘插件
2012/07/25 Javascript
如何使用jquery动态加载js,css文件实现代码
2013/04/03 Javascript
多种方式实现JS调用后台方法进行数据交互
2013/08/20 Javascript
JavaScript动态修改弹出窗口大小的方法
2015/04/06 Javascript
window.onload绑定多个事件的两种解决方案
2016/05/15 Javascript
easyui combogrid实现本地模糊搜索过滤多列
2017/05/13 Javascript
我要点爆”微信小程序云开发之项目建立与我的页面功能实现
2019/05/26 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
2020/07/20 Javascript
[01:04:48]VGJ.S vs TNC Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
Python语言技巧之三元运算符使用介绍
2013/03/04 Python
python动态参数用法实例分析
2015/05/25 Python
python字典键值对的添加和遍历方法
2016/09/11 Python
Python编程实现数学运算求一元二次方程的实根算法示例
2017/04/02 Python
Python数据分析之双色球统计单个红和蓝球哪个比例高的方法
2018/02/03 Python
钉钉群自定义机器人消息Python封装的实例
2019/02/20 Python
Python配置文件处理的方法教程
2019/08/29 Python
python requests证书问题解决
2019/09/05 Python
详解python中eval函数的作用
2019/10/22 Python
Python Dict找出value大于某值或key大于某值的所有项方式
2020/06/05 Python
python切片作为占位符使用实例讲解
2021/02/17 Python
纯HTML+CSS3制作导航菜单(附源码)
2013/04/24 HTML / CSS
劳资员岗位职责
2013/11/11 职场文书
招商经理岗位职责
2013/11/16 职场文书
化工专业推荐信范文
2013/11/28 职场文书
小学生防溺水广播稿
2014/01/12 职场文书
幼师自荐信范文
2015/03/06 职场文书
员工保密协议范本,您一定得收藏!很有用!
2019/08/08 职场文书
python 统计代码耗时的几种方法分享
2021/04/02 Python
MySQL分库分表与分区的入门指南
2021/04/22 MySQL
嵌入式Redis服务器在Spring Boot测试中的使用教程
2021/07/21 Redis