左侧菜单<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>left_menu</title><style>.menu{height: 500px;width: 30%;background-color: gainsboro;float: left;}.content{height: 500px;width: 70%;background-color: rebeccapurple;float: left;}.title{line-height: 50px;background-color: #425a66;color: forestgreen;}.hide{display: none;}</style> </head> <body><div class="outer"><div class="men...
Jquery在异步提交方面封装的很好，直接用AJAX非常麻烦，Jquery大大简化了我们的操作，不用考虑浏览器的诧异了。 $.post、$.get是一些简单的方法，如果要处理复杂的逻辑，还是需要用到jQuery.ajax() 一、$.ajax的一般格式$.ajax({ type: ‘POST‘, url: url , data: data , success: success , dataType: dataType}); 二、$.ajax的参数描述参数 描述url必需。规定把请求发送到哪个 URL。data可选。映射或字符串值。...
如果你使用jQuery类库，那么你可以非常愉悦的使用jquery的data()方法存取data-* 自定义属性，方法允许我们在DOM元素上绑定任意类型的数据,避免了循环引用的内存泄漏风险主要的方法如下：复制代码代码如下:.data( key, value ).data( obj ).data( key ).data()从jQuery 1.4.3起， HTML 5 data- 属性 将自动被引用到jQuery的数据对象中。例如HTML：复制代码代码如下:<div data-role = "page" data-last-value = "43" data-hidden = "...
一、简介 1、什么是jQuery jQuery是一个轻量级、快速简洁的javaScript库，能让我们方便快捷的选择元素操作元素属性。2、下载地址3、jQuery使用方式 $("div")等价于jQuery("div"),通常使用前者。 二、查找元素 1、选择器 a、基本选择器<!--基本选择器-->$("#id") //ID选择器$("div") //元素选择器$(".classname") //类选择器$(".classname,.classname1,#id1") //组合选择器<!--层级选择器--...
出自new:http://www.jianshu.com/users/1967b163cb61/latest_articles 1、JQuery简介普通JavaScript的缺点：每种控件的操作方式不统一，不同浏览器下有区别，要编写跨浏览器的程序非常麻烦。因此出现了很多对JavaScript的封装库，比如Prototype、Dojo、ExtJS、JQuery等，这些库对JavaScript进行了封装，简化了开发。这些库是对JavaScript的封装，也就是咱们调用JQuery的一句函数，JQuery内部这句函数帮我们调用JavaScript中的代码几...
技术很多，例子很多，只好慢慢学，慢慢实践！！现在学的这本书是【JavaScript实战----JavaScript、jQuery、HTML5、Node.js实例大全】JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记23.3 响应鼠标动作图3-2的效果已经有了，需要鼠标来操作展示想看的照片，这就需要在相应的地方加上事件。3.3.1 响应小照片单击动作在3.2.3的代码里提供了显示小图列表的eg.showThumb()方法，在单击小图片时要显示大图片，这需要调用eg.showBig...
技术很多，例子很多，只好慢慢学，慢慢实践！！现在学的这本书是【JavaScript实战----JavaScript、jQuery、HTML5、Node.js实例大全】JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记13.2 照片加载与定位 根据功能设计，可以先写好 HTML 结构基础，再配好 CSS 做出大致效果，最后用 JavaScript加上各种动作。首先请看 HTML 代码结构。 3.2.1 HTML 代码 CSS代码保存到 eg3.css 文件中，JavaScript代码保存到 eg3.js 文件中，...
具体实现效果如图：原理很简单，就是监听鼠标滑动和点击事件。在第一个标签切换的示例中，当鼠标滑过某个标签时，就把class转移到当前标签。这里用到的jQuery方法主要是each()确定当前是哪一个标签，确定好以后，在设置鼠标的mouseover和mouseout事件。即：/*** Created by Administrator on 2016/7/30.*/ $(document).ready($("#tabFirst li").each(function(index){var liNode=$(this);$(this).mouseover(function(){}).mouseout...
本文转自：http://jun1986.iteye.com/blog/1399242 感谢他的分享$.post、$.get是一些简单的方法，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()一、$.ajax的一般格式$.ajax({ type: ‘POST‘, url: url , data: data , success: success , dataType: dataType}); 二、$.ajax的参数描述参数 描述url必需。规定把请求发送到哪个 URL。data可选。映射或字符串值。规定连同请求发送到服务器的数据。success(data...
$ajax请求---------------------------------var $personWifePs=$("#wife-money tbody tr"); var $personWife=$("#wife-money").find("input.write"); var $val=null; $.ajax({ type: "POST", url: "data/hm_monery_serceh.php", success: function(dtmonery){ var $list = JSON.parse(dtmonery); for(info in $list) { $personWifePs.append(`<td> <input id="d${n+=1}" value="${$list[info...
需求是：上传一个图片，然后将上传的这个图片进行切割。。。。。。。。首先是jsp页面。页面需要引入js <script src="${fileUrlPrx}/scripts/wap/jquery.min.js"></script> <script src="${fileUrlPrx}/scripts/wap/jquery.Jcrop.min.js"></script>注意几个隐藏域，这些是选中区域的点坐标，与长宽： <input type="hidden" id="x" name="x" value="0"/> <input type="hidden" id="y" name="y" value="0"/> <input type="hidden...
本文以jquery异步获取的数据类型——json对象和字符串为依据，介绍两种方式获取到的结果处理方式。这里考虑都考虑的是服务器返回的是JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同小异，这里不再做说明。这里首先给出JSON字符串集，字符串集如下：var data="{root:[{name:‘1‘,value:‘0‘},{name:‘6101‘,value:‘西安市‘},{name:‘6102‘,value:‘铜川市‘},{name:‘6103‘,value:‘宝鸡市‘...
1、对折叠面板区域 div 设置 class=”easyui-accordion” 2、在区域添加多个 div， 每个 div 就是一个面板 （每个面板一定要设置 title 属性）。 3、设置面板属性 fit 为 true，自适应父容器大小 1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title>easyui-折叠面板accordion的使用</title> 6<!-- 导入jquery核心类库 --> 7<script type="text/javascript" src="../js/jquery-1.8.3.js"></script> 8<!-- 导入easyu...
现在对于web页面的开发基本上分工明确，HTML负责页面内容，CSS负责页面的样式， JavaScrtpt负责页面行为。 JavaScrtpt库封装了很多预定义的对象和使用函数，帮助开发者轻松建立高交互性的客户端页面，并且能够兼容各种浏览器。 对JQ的学习首先是通过几个例子来进行的jq 学习，现在对前2个例子中的内容总结下从局部来看待整体。关于对html的css设计这里就不写了。1.JQ选择器JQ要进行操作首选是得到元素的节点，参数为某种css选...
前端 时间个性化 插件 jquery.timeago.js 关键词 ：时间格式化 刚刚 N分钟前 N小时前 N天前 N月前 N年前 MM-dd hh:mm 或者 yyyy-MM-dd 前端： <span title="2016-07-23 12:02:32"></span> 用法： $(".time").timeago(); 插件： jquery.timeago.js !function (t) {function e(e) {var n = t.extend(o.settings, e), s = t.proxy(r, this);s(),n.refreshMillis > 0 && setInterval(s, n.refreshMillis)}function r() {var e = n(t...