weui和jquery weui的区别、下载和在项目中的引用、使用、应用

article/2025/10/9 20:59:45

 jquery weui == weui + jquery插件; jquery-weui是官方weui的升级版本,扩展了官方的weui。jquery-weui是官方weui的jquery版本。

在javaWeb 项目中,使用的方式有另种,

第一种:在官网上下载压缩包

1、下载jquery weui

压缩文件加压后,css的位置

2、weui官网下载

压缩包解压后的css位置

在项目中,将上上面下载的css,放到CSS文件夹中,

在HTML中的应用

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>weui</title>
    <link rel="stylesheet" href="css/weui.min.css" />
    <link rel="stylesheet" href="css/jquery-weui.min.css" />
</head>
<body>
    <div class="weui-cells weui-cells_form">
        <div class="weui-cell">
            <div class="weui-cell__hd"><label for="" class="weui-label">姓名</label></div>
            <div class="weui-cell__bd">
              <input class="weui-input" type="text" value="" placeholder="请输入姓名" id="name">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label for="" class="weui-label" id="gender">性别</label></div>
            <div class="weui-cell__bd">
              <input class="weui-input" type="text" value="" placeholder="">
            </div>
        </div>
    </div>
    <div style="margin: 10px;">
        <a  class="weui-btn weui-btn_primary" οnclick="clicking()">按钮</a>
        <a href="javascript:;" class="weui-btn weui-btn_disabled weui-btn_primary">按钮</a>
        <a href="javascript:;" class="weui-btn weui-btn_warn">确认</a>
        <a href="javascript:;" class="weui-btn weui-btn_disabled weui-btn_warn">确认</a>
        <a href="javascript:;" class="weui-btn weui-btn_default">按钮</a>
        <a href="javascript:;" class="weui-btn weui-btn_disabled weui-btn_default">按钮</a>
        <a href="javascript:;" class="weui-btn weui-btn_plain-default">按钮</a>
        <a href="javascript:;" class="weui-btn weui-btn_plain-primary">按钮</a>
    </div>


</body>
<script type="text/javascript" src="jslib/jquery-2.1.4.js" ></script>
<script type="text/javascript" src="jslib/fastclick.js" ></script>
<script>
  $(function() {
    FastClick.attach(document.body);
  });
</script>
<script type="text/javascript" src="jslib/jquery-weui.min.js" ></script>
<script type="text/javascript">

    $(function(){
        var name = $("#name").val();
        console.log(name);
        //
    });
   function clicking(){
      $.alert("自定义的消息内容", function() {
          console.log("1111111111111111111");
        });
   }
</script>
</html>

 

第二种方法:

就是不用下载,直接引用css路径

这个的坏处是,入关官方进行了修改,可能会影响到你的项目页面的显示


http://chatgpt.dhexx.cn/article/X6GEKd1S.shtml

相关文章

项目管理十大知识领域,为何不含

问&#xff1a;项目管理十大知识领域&#xff0c;为何不含以下几项&#xff1a;立项管理&#xff0c;合同管理&#xff0c;文档管理&#xff0c;变更管理&#xff1f; 答&#xff1a; 立项完了才有项目&#xff1b; 合同管理包含在采购管理&#xff1b; 变更管理在整体管理&am…

项目管理(PMP)》项目管理十大知识领域

目录 项目管理十大知识领域 1、项目整合管理 2、项目范围管理 3、项目时间管理 4、项目成本管理 5、项目质量管理 6、项目人力资源管理 7、项目沟通管理 8、项目风险管理 9、项目采购管理 10、项目干系人管理 项目管理十大知识领域 1、项目整合管理 2、项目范围管理…

项目管理十大知识领域之项目相关方管理

(1) 什么是项目相关方管理&#xff1f;项目有哪些相关方&#xff1f;如何来识别相关方&#xff1f;识别相关方的目的是什么&#xff1f; ✧ 相关方管理主要包含的过程&#xff1a; ➢ 一启动、一规划、一执行、一监控 ✧ 相关方(干系人)定义&#xff1a; 每个项目都有相关方&a…

项目管理十大知识领域之项目进度管理

(1) 进度管理主要包括哪些过程&#xff1f; ✧ 进度管理主要包含的过程&#xff1a; ➢ 五大规划&#xff0c;一大监控 (2) 什么是进度管理计划&#xff1f; ✧ 规划进度管理 ITTO(规划)&#xff1a; 规划进度管理是为规划、编制、管理、执行和控制项目进度而制定政策、程…

项目管理十大知识领域之项目资源管理

(1) 什么是资源管理&#xff0c;资源管理的流程是什么&#xff1f; ✧ 资源管理的定义&#xff1a;项目资源管理则重点关注组成项目团队的部分相关方 ✧ 资源管理主要包含的过程&#xff1a; ➢ 两规划&#xff0c;三执行&#xff0c;一监控 (2) 规划资源管理是什么&#xf…

项目管理十大知识领域之项目整合管理

1、 项目整合管理 注&#xff1a; 1点为项目整合管理的概述 2-7点主要为项目章程&#xff08;启动&#xff09;重点 8-11点主要为制定项目管理计划&#xff08;规划/计划&#xff09; 12-17点主要为指导工作与项目管理知识&#xff08;执行&#xff09; 18-22点主要为监控项目…

项目管理十大知识领域之项目风险管理

(1) 什么是项目风险管理&#xff1f;单个项目风险和整体项目风险的概念。残留风险和次生风险的概念。 ✧ 风险管理主要包含的过程&#xff1a; ➢ 五大规划&#xff0c;一执行&#xff0c;一监控&#xff08;重点为流程&#xff09; ➢ 风险相关顺序&#xff1a;识别风险->…

项目管理十大知识领域之项目沟通管理

(1) 什么是项目沟通管理&#xff0c;项目沟通管理的流程是什么&#xff1f; ✧ 沟通管理定义&#xff1a;沟通是指有意或无意的信息交换。交换的信息可以是想法、指示或情绪。 ✧ 沟通管理主要包含的过程&#xff1a; ➢ 一规划&#xff0c;一执行&#xff0c;一监控 (2) 沟…

项目管理十大知识领域之项目质量管理

(1) 什么是质量管理&#xff0c;质量管理的流程是什么&#xff1f; ✧ 质量管理主要包含的过程&#xff1a; ➢ 一规划&#xff0c;一执行&#xff0c;一监控 ✧ 项目质量管理流程&#xff1a;&#xff08;考点&#xff1a;描述场景区分属于哪一个过程&#xff09; ➢ 规划管…

项目管理十大知识领域一——项目整体管理

备考信息系统项目管理师&#xff0c;学习过程中整理的思维导图。便于知识的复习&#xff0c;同时也分享给大家共同学习。下面的文字为思维导图大纲&#xff0c;自身不太喜欢。可以直接下载后续的图片&#xff0c;观看思维导图更加清晰明了。 此处为思维导图下载链接&#xff1a…

项目管理十大知识领域之项目范围管理

(1) 项目范围管理的主要内容是什么&#xff1f;产品范围和项目范围&#xff0c;两者有何区别和联系&#xff1f;不同开发生命周期中&#xff0c;范围管理有什么不同&#xff1f; ✧ 项目范围管理&#xff1a;即使项目中需要做得事情&#xff1b; ✧ 范围vs进度vs成本(项目三大…

项目管理十大知识领域项目采购管理

(1) 什么是采购管理&#xff0c;采购中买卖双方各自的义务是什么&#xff1f; ✧ 采购管理主要包含的过程&#xff1a; ➢ 一规划、一执行、一监控 项目采购管理是从项目团队外部获取所需的产品&#xff0c;服务或成果的完整的过程。项目采购管理过程涉及到用协议来描述买卖双…

项目管理十大知识领域和47个过程

速记口诀&#xff1a;进程吃饭&#xff0c;疯狗踩人。 进度管理、成本管理、质量管理、范围管理、风险管理、沟通管理、采购管理、人力资源管理、干系人管理、整体管理。

Windows快速配置路由,同时使用内网和外网

Windows外网内网并用&#xff0c;配置路由 使用情况&#xff1a;在需要使用外网的同时要能访问内网&#xff0c;可进行以下操作&#xff0c;场景&#xff1a;如需要给其他人开远程且又需要访问内网服务器&#xff0c;即可进行该操作 内网&#xff1a;是指某一区域内由两台以上计…

笔记本配置两个网络同时上外网和内网

一般的工作环境中&#xff0c;最常用的办公模式还是内网办公。嗯&#xff0c;为了安全嘛&#xff0c;但是关键特么整个网络都是内网的。作为一个拷贝忍者&#xff0c;这让我十分痛苦&#xff0c;大家应该都懂磨磨蹭蹭用手机百度的痛了。有的公司好一点点&#xff0c;会给你一个…

笔记本同时连接内网和外网

笔记本同时连接内网和外网 前面正文一般的配置过程可能的操作我遇到的问题 后面 前面 这周开始正式的实习了&#xff0c;有了自己的工位&#xff0c;也开始能做一些简单的工作了&#xff0c;但在工作之前遇到了一件比较麻烦的事情&#xff0c;那就是公司里一般都会使用内网&am…

mac配置双网卡 mac同时使用内网和外网

在公司办公通常都会连内网&#xff0c;而连内网最大的限制就是不可以使用外网&#xff0c;那遇到问题也就不能google&#xff0c;而当连接无线的时候&#xff0c;内网的东西就不可以访问&#xff0c;也就不能正常办公&#xff0c;对于我这种小白来说&#xff0c;工作中遇到的问…