精华内容
下载资源
问答
  • jQuery简单基础轮播图

    2019-04-17 16:03:55
    一个很简单纯粹的jQuery轮播图,适合新手使用,摘自网络
  • jQuery 简单的分页代码

    2018-01-18 11:50:14
    一个简单jQuery分页代码 亲测有效 代码中有注释解释 格式为html
  • jQuery简单动态的响应式垂直时间轴代码 jQuery简单动态的响应式垂直时间轴代码 jQuery简单动态的响应式垂直时间轴代码 jQuery简单动态的响应式垂直时间轴代码
  • 主要介绍了jQuery简单实现日历的方法,涉及jQuery操作日期的相关技巧,比较简单实用,需要的朋友可以参考下
  • jquery简单体验

    2020-12-01 15:05:51
    jquery简单体验query是继prototype之后又一个优秀的Javascrīpt框架。对prototype我使用不多,简单了解过。但使用上jquery之后,马上被她的优雅吸引住了。有人使用这样的一比喻来比较prototype和jquery:prototype就...
  • 本文给大家分享一段基于jQuery简单实现的网页选项卡代码,非常简单实用,这里推荐给小伙伴们。
  • jQuery简易插件 它是什么? GSGD提供的jQuery插件,可提供高级缓动选项。 更多信息 对于CDN,请使用CloudFlare 帮助我的主机。 谢谢你。 AMD或CommonJS的用法 // CommonJS const jQuery = require ( 'jquery' ) ; ...
  • 本文实例讲述了jQuery简单实现点击文本框复制内容到剪贴板上的方法。分享给大家供大家参考,具体如下: //点击文本框复制其内容到剪贴板上方法 function copyToClipboard(txt) { if (window.clipboardData) { ...
  • jQuery简易计算器

    2014-04-13 22:12:50
    jQuery简易计算器,需要的话,可以学习一下。不懂得地方请留言
  • 主要介绍了jQuery简单实现仿京东商城的左侧菜单效果代码,通过简单的jQuery鼠标事件及元素动态变换实现样式动态切换功能,非常简单实用,需要的朋友可以参考下
  • 本文实例讲述了jquery实现外部链接用新窗口打开的方法。分享给大家供大家参考。具体实现方法如下: $("a[href^='http://']").click(function(){ this.target = "_blank"; }); 或者使用下面这个 $(function(){ $...
  • 这是一款简单jQuery周日历选择插件、周历选择器,方便查看女性月经或上学教学时间等。
  • 主要介绍了jQuery简单图表peity.js的使用,需要的朋友可以参考下
  • 主要介绍了jquery简单实现网页层的展开与收缩效果的方法,涉及jquery中toggle结合animate方法操作页面元素属性的相关技巧,非常简单实用,需要的朋友可以参考下
  • 本文实例讲述了jQuery简单入门示例之用户校验。分享给大家供大家参考,具体如下: jQuery在小编的世界中,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库,百度百科对JQuery的介绍比较详细,小伙伴...
  • 主要介绍使用jQuery封装了一个tab选项卡切换的插件,需要的朋友可以参考下。
  • 今天给大家分享一个基于jquery实现的简单验证码功能,代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下吧
  • 本文实例为大家分享了jQuery实现简单评论区的具体代码,供大家参考,具体内容如下 直接看代码吧 <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport ...
  • Jquery实现留言板

    2017-04-22 10:05:57
    Jquery实现简易留言板
  • 这是一款带备忘录功能的简单jQuery日期选择器插件。你可以为该日期选择器的某些日期设定设定一些信息,方便日常查询,就像现实生活中的备忘录一样。
  • jQuery简易的日历插件下载是一款日历日期代码。
  • jQuery简单用户登录注册页面模板基于jquery-1.7.2.min.js制作,有表单验证功能,页面切换效果。
  • 主要介绍了jQuery实现的简单分页,涉及jQuery数学运算与页面元素操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
  • jQuery简易分页插件代码,主要参数:pagesize: 分页长度,wr_current: 当前页。 分页的样式可以自定义修改成你需要的。
  • Jquery实现简易计算器

    2021-01-05 00:30:18
    Jquery实现简易计算器 效果图如下 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body { ...

    Jquery实现简易计算器

    效果图如下
    在这里插入图片描述

    代码如下:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<style type="text/css">
    			body {
    				margin: 50px;
    			}
    
    			#box {
    				border: 1px solid #ccc;
    				border-radius: 4px;
    				width: 175px;
    				height: 285px;
    				padding: 10px;
    			}
    
    			#result {
    				width: 161px;
    				margin-bottom: 10px;
    				height: 30px;
    				border: 1px solid #cccccc;
    				border-radius: 2px;
    				background-color: white;
    				color: #666666;
    				padding: 0 5px;
    				text-align: right;
    			}
    
    			#box>.btn {
    				width: 40px;
    				height: 40px;
    				border: 1px solid #cccccc;
    				border-radius: 2px;
    				cursor: pointer;
    				background-color: white;
    				font-weight: bold;
    				color: #666;
    				margin-bottom: 10px;
    			}
    			#box>.btn:hover{
    				color: white;
    				background-color: #666;
    			}
    			#box>.btn:last-of-type{
    				width: 85px;
    			}
    		</style>
    	</head>
    	<body>
    		<div id="box">
    			<input type="text" value="0" id="result" readonly="readonly" />
    			<button class="btn" onclick="clean()">C</button>
    			<button class="btn" onclick="negation()">+/-</button>
    			<button class="btn" onclick="symbol('x')">x</button>
    			<button class="btn" onclick="symbol('÷')">÷</button>
    			<button class="btn" onclick="input('1')">1</button>
    			<button class="btn" onclick="input('2')">2</button>
    			<button class="btn" onclick="input('3')">3</button>
    			<button class="btn" onclick="symbol('-')">-</button>
    			<button class="btn" onclick="input('4')">4</button>
    			<button class="btn" onclick="input('5')">5</button>
    			<button class="btn" onclick="input('6')">6</button>
    			<button class="btn" onclick="symbol('+')">+</button>
    			<button class="btn" onclick="input('7')">7</button>
    			<button class="btn" onclick="input('8')">8</button>
    			<button class="btn" onclick="input('9')">9</button>
    			<button class="btn" onclick="symbol('%')">%</button>
    			<button class="btn" onclick="input('0')">0</button>
    			<button class="btn" onclick="point()">.</button>
    			<button class="btn" onclick="sum()">=</button>
    		</div>
    		<script src="jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
    		<script>
    			//输入数值
    			function input(param){
    				let inputVal = $("#result").val();
    				let lastNum = getlastNum(inputVal);
    				if (parseInt(lastNum)===0 && !/0\./.test(lastNum)) {//第一个数是0,替代,但是要排除0.的情况
    					$("#result").val(inputVal.length>1?(inputVal.substring(0,inputVal.length-1)+param):param);
    				} else{//第一个数不是0,拼接
    					$("#result").val(inputVal+param);
    				}
    			}
    			//输入运算符
    			function symbol(param){
    				let inputVal = $("#result").val();
    				$("#result").val(inputVal + " " + param + " ");
    			}
    			//清空
    			function clean(){
    				$("#result").val("0")
    			}
    			//取到输入的最后一个数
    			function getlastNum(str){
    				return str.substring(str.lastIndexOf(" "));;
    			}
    			//输入.
    			function point(){
    				let inputVal = $("#result").val();
    				let lastNum = getlastNum(inputVal);
    				if (lastNum.indexOf('.')>-1) {//不允许存在多个点
    					return
    				} else{
    					$("#result").val(inputVal+'.');
    				}
    			}
    			//正负号
    			function negation(){
    				let inputVal = $("#result").val();
    				let lastNum = getlastNum(inputVal).trim();
    				let prevNum = inputVal.substring(0,inputVal.lastIndexOf(" "));
    				if (lastNum.indexOf('-')==-1) {
    					lastNum = " -"+lastNum;
    				} else{
    					lastNum = " "+lastNum.trim().substring(1);
    				}
    				$("#result").val(prevNum+lastNum);
    			}
    			//计算结果
    			function sum(){
    				try{
    					//将x÷运算符转换成*/
    					let inputVal = $("#result").val().replace("x","*").replace("÷","/");
    					let result = eval(inputVal);
    					$("#result").val(result);
    				}catch(e){
    					alert("运算异常");
    					$("#result").val("0");
    				}
    				
    			}
    		</script>
    	</body>
    </html>
    
    
    展开全文
  • 主要介绍了jQuery简单实现MD5加密的方法,基于jquery.md5.js插件实现md5加密功能,非常简单实用,需要的朋友可以参考下
  • jQuery简易的日历插件下载是一款日历日期代码。
  • 主要介绍了jQuery简单注册和禁用全局事件的方法,结合实例形式分析了jQuery中ajaxStart与ajaxStop方法的使用技巧,需要的朋友可以参考下

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 271,980
精华内容 108,792
关键字:

jquery简单