这两天弄一个mui的底部菜单，有点费时了，尝试了用vue写，纯js写，还有根据mui的写，还是有些问题和麻烦。直到看了网上的一些例子，才想明白，之前一直是一种点击触发事件才高亮的思维去做，这个虽然可以了，但是页面跳转了就又都没了。网上看明白的例子是：让当前页面地址与导航里的地址做对比，相同就高亮，之前思维太死，一直以点击才触发事件来写，结果问题好几个。接下来上代码 <style> .active{ color:#D96C00;}/*高亮样式*/...
本文实例为大家分享了jQuery实现动态添加和删除input框的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>选项</title><script type="text/javascript" src="js/jquery-1.8.3.js"></script><script>$(function(){// 添加选项$("#opbtn").click(function(){if($("#opts>li").size() < 6){// 最多添加6个选项$("#opts").append("<li><input /></li>");}else{// 提示选项个数已经达到...
jQuery选择插件分为基本版和美化版，重点说下美化版，如下图所示：相比最原始的版本，美化后的选择插件可以说是很漂亮了且功能更加强大（这里不说了，自行发掘吧）。这里主要是添加了它的特有属性并调用 class=”chzn-select”： jsp页面： <select class=”chzn-select” id="CODE" name="CODE">...... </select> js页面：$(".chzn-select").chosen();注意引用jQuery的js，有多种版本，建议使用高版本，如 jquery-1.9.1.min.js。...
JQuery笔记 记两段代码，使用JQuery实现从表单获取json与后端交互，以及把后端返回的json映射到表单相应的字段上。 把表单转换出json对象 //把表单转换出json对象$.fn.toJson = function () {var self = this,json = {},push_counters = {},patterns = {"validate": /^[a-zA-Z][a-zA-Z0-9_]*(?:\[(?:\d*|[a-zA-Z0-9_]+)\])*$/,"key": /[a-zA-Z0-9_]+|(?=\[\])/g,"push": /^$/,"fixed": /^\d+$/,"named": /^[a-zA-Z0-9_]+$/};this.b...
1.js //获取十六进制颜色 function randomColor1(){ var r = Math.floor(Math.random()*256); var g = Math.floor(Math.random()*256); var b = Math.floor(Math.random()*256); if(r < 16){ r = "0"+r.toString(16); }else{ r = r.toString(16); } if(g < 16){ g = "0"+g.toString(16); }else{ g = g.toString(16); } if(b < 16){ b = "0"+b.toString(16); }else{ b = b.toString(16); } return "#"+r+g+b; } $("h3").css("color"...
本文表述了JS文件中加载jquery.js的方法，具有很好的参考价值，希望对大家有所帮助。 最近有一个需求： 1.在一个html中只能引入一个JS文件 不能有JS代码和其他JS文件的引入；2.这个JS文件中 还要引入其他的JS文件；3.所有JS功能都写在这个JS文件中 这些代码用到了jquery相关的东东 所以这里第一个需要解决的就是怎么引入jquery.js。 在网上搜索了很多方法都不太实用，由于我自己离开WEB多年 最后向朋友询问得到以下代码：1.js// by...
实例代码如下所示： <div><a class="btn btn-success show" title="Popover title"data-container="body" data-toggle="popover" data-placement="bottom"data-content="底部的 Popover 中的一些内容"> aaaa </a> </div> <script>$(function () {initPopover();})function initPopover() {$(".show").popover({container: "body",trigger: " manual" //手动触发}).on(show.bs.popover, function () {$(this).addClass("popover_op...
需求：点击【增加】按钮，弹出窗口，并对所有输入项内容进行校验，校验通过就提交给后台的action处理，没有通过校验就弹窗提示。<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>管理取派员</title><!-- 导入jquery核心类库 --><script type="text/javascript" src="../../js/jquery-1.8.3.js"></script><!-- 导入easyui类库 --><link rel="stylesheet" type="text/css" href="../../js/easyui/themes/default/easyui.c...
今天用到城市选择，直接用拼音滑动方式来选择，用的时候引入jquery（个别样式需要自己修改） <div class="yp_indz"><img src="images/dizhi.png" alt=""><em>北京</em></div><!--省份列表--> <div class="dzhc_xs"><nav><div class="dhjt"><a href="JavaScrip:;" rel="external nofollow" class="yy_gb"><!--<img src="images/dhjt.png" alt="">--></a><span>全部地址</span></div></nav><!--显示点击的是哪一个字母--><div id="sh...
一、先看看效果。二、做此插件的原因。1.数据量过大（几千、几万条），无法一次性全部加载。2.现有插件各不相同，无法满足功能需求。3.美观性，可控性不足。 三、如何使用。1.html和js<select id="unit"></select><script type="text/javascript" src="/demo/thirdparty/jquery/jquery-1.8.3.min.js"></script><script src="/demo/thirdparty/pheker/ajaxselect.js"></script> 2.实例。 # 使用实例var initUrl = "/demo/define...
jquery框架中提供了$.ajax、$.get、$.post方法，用于进行异步交互，由于Django中默认使用CSRF约束，推荐使用$.get 示例：实现省市区的选择 最终实现效果如图：将jquery文件拷贝到static/js/目录下打开booktest/views.py文件，定义视图area1，用于显示下拉列表 #提供显示下拉列表的控件，供用户操作 def area1(request):return render(request,booktest/area1.html)打开booktest/urls.py文件，配置url url(^area1/$,views.area1),在...
最近公司的项目中要做一个树形表格，因为之前一直在用ztree实现基本的树形结构，理所当然的首先想到利用ztree来做。 网上找了一下别人做的树形表格，有使用ztree的，也有使用treeTable的，但效果都不太好，于是参考使用ztree的做法自己做了一个，贴出来供大家参考，请看注释说明，效果如下所示。<!DOCTYPE HTML> <html><head><link href="https://cdn.bootcss.com/zTree.v3/3.5.29/css/zTreeStyle/zTreeStyle.min.css" rel="extern...
废话不多说了，具体代码如下所示： <html><head><script type="text/javascript" src="jquery-1.10.2.min.js"></script><script type="text/javascript">/** JQUERY 通过当前标签属性名，获取属性的值 */function attrsByJquery(obj){var v1 = $(obj).attr("dbname");var v2 = $(obj).attr("name");alert(v1);alert(v2);}/** JAVASCRIPT 通过当前标签属性名，获取属性的值 */function attrsByJs(obj){var v1 = obj.getAttribute(na...
在使用MVC时，向服务器端发送POST请求时有时需要传递数组作为参数值 下面使用例子说明，首先看一下Action [HttpPost] public ActionResult Test(List<string> model) {return Json(null, JsonRequestBehavior.AllowGet); }方式一，构造表单元素，然后调用serialize()方法得到构造参数字符串 @{Layout = null; } <!DOCTYPE html> <html> <head><meta name="viewport" content="width=device-width" /><title>Test</title> </head> <...
jquery库： jquery -1.10.2.min.js，jQuery UI - v1.12.1。 jQuery 代码 不多说了，之间上代码。不懂的地方看注释。 <script type="text/javascript">//鼠标按下时的X Y坐标var mouseDownX;var mouseDownY;//鼠标按下时移动的X Y 坐标var mouseMoveX;var mouseMoveY;//移动的状态var isMove = false;/*初始化 选择框 */function init() {$("#selected").css("display", "none");$("#selected").css("top", "0");$("#selected").css...