weui和jquery weui的区别、下载和在项目中的引用、使用、应用
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路径
这个的坏处是,入关官方进行了修改,可能会影响到你的项目页面的显示
weui和jquery weui的区别、下载和在项目中的引用、使用、应用相关推荐
- weui和jquery weui关系
这个是自己写了一个测试的jquery weui 刚开始很困惑,link引入了weui和jquery-weui,这两个是什么关系呢?为什么引入这两个css库呢? 通过查找,找到些眉目了, jquery ...
- 转 mvc项目中,解决引用jquery文件后智能提示失效的办法
mvc项目中,解决用Url.Content方法引用jquery文件后智能提示失效的办法 这个标题不知道要怎么写才好, 但是希望文章的内容对大家有帮助. 场景如下: 我们在用开发开发程序的时候,经常会引 ...
- ElementUI项目中怎样引用Jquery
场景 使用ElementUI的快速开始的项目模板搭建Element项目后, 要在vue页面中使用jquery的语法. 这里直接使用$.ajax会提示$找不到. 注: 博客: https://blog. ...
- 禁用cookie后怎么使用session_Session 和 Cookie 的区别?你在项目中哪些地方使用了?...
Session和cookie都是会话(Session)跟踪技术.Cookie通过在客户端记录信息确定用户身份,Session通过在服务器端记录信息确定用户身份,但是Session的实现依赖于Cooki ...
- jQuery EasyUI使用教程之在数据网格中添加搜索功能
2019独角兽企业重金招聘Python工程师标准>>> <jQuery EasyUI最新版下载> 在本教程中,我们将向你展示如何从数据库中获取数据,并将其显示到数据网格中 ...
- 如何下载github项目中的某一部分
如何下载github项目中的某一部分 一.总结 一句话总结: 通过 DownGit 下载:原地址失败的话直接百度DownGit,一大堆可用的 通过 Chrome 插件 GitZip 进行下载(推荐) ...
- jQuery WeUI 上传
jQuery WeUI 是专为微信公众账号开发而设计的一个框架,jQuery WeUI的官网:http://jqweui.com/ 需求:需要在微信公众号网页添加上传图片功能 技术选型:实现上传图片功 ...
- Jquery WeUI(一)
用于微信端的控件UI , 首先,需要做的是开发一个微信能访问的网页,并和微信关联 A. 创建一个空网站 B. 增加一般处理程序 A. 增加 web 网页 和空文件到项目中 B. 申请和配置测试服务 创 ...
- $ppclass php,jquery weui
="weui-tab"!----="weui-"!--二级页积分详情--=""="weui--itemweui-tab__bd-i ...
- jQuery WeUI v0.1.0 发布了 - 微信公众账号开发者的福音
我又回来了.抱歉因为最近头疼的事情比较多,好久没更新博客了. 在做微信公众账号的童鞋有福了,简单易用的 jQuery WeUI 发布了第一个版本: github地址: https://github.c ...
最新文章
- 虚拟化--006 VCAC的sso配置成功
- 手机pc显示不同的内容
- System.Windows.Forms命名空间的MessageBox.show()用法大全
- 不可不知的:iOS开发的22个诡异技巧
- cisco ios命令
- 面试精讲之面试考点及大厂真题 - 分布式专栏 09 缓存必问:Reids持久化,高可用集群
- webpack4.0各个击破(3)—— Assets篇
- java类修饰词和内部类详解
- c#随机数总结,汉字,英文,数字
- git 查看和修改用户名及邮箱
- 错误解决办法:2006:MySQL server has gone away
- 中小企业IT建设的小看法2
- 阿里java注释规范_阿里巴巴Java开发手册-注释规约
- .net的commandname领悟
- poj_3987 Trie图
- 步步为营---- MuleEsb学习(一) 扫盲篇
- 云计算进入多云时代 青云QingCloud如何帮企业做好多云管理?
- Tomb.com—新域名上线
- 访问www.baidu.com全过程
- comp9334-proj2
热门文章
- mysql自增函数_mysql实现自增函数
- 神策分析 Web JS SDK 功能介绍
- 安装office2010常见的提示错误解决办法
- 计算机专业英语2013单词翻译,计算机专业英语词汇翻译
- 快递单中抽取关键信息【一】----基于BiGRU+CR+预训练的词向量优化
- 用js判断ie版本,ie11被识别为ie7
- 小猿圈web分享-一个web全栈工程师的面试总结
- 图论 Tarjan算法求 割点
- smith圆图重要性_(完整版)smith史密斯圆图(个人总结),推荐文档
- ubuntu安装JLink 驱动。终结总结