随笔分类 -  Jquery

如何解决代码嵌套太深问题
摘要：解决方案： 阅读全文
posted @ 2016-09-06 23:27 facial 阅读(4207) 评论(0) 推荐(0)
jQuery选择器和选取方法
摘要：我们已经使用了带有简单Css选择器的jQuery选取函数:$()。现在是时候深入了解jQuery选择器语法，以及一些提取和扩充选中元素集的方法了。 一、jQuery选择器 在CSS3选择器标淮草案定义的选择器语法中，jQuery支持相当完整的一套子集，同时还添加了一些非标准但很有用的伪类。注意:本节 阅读全文
posted @ 2016-06-10 15:39 facial 阅读(699) 评论(0) 推荐(0)
jQueryt过滤选择器
摘要：基本过滤选择器 内容过滤选择器 可见性过滤选择器 属性过滤选择器 子元素过滤选择器 表单对象属性过滤选择器 表单对象属性过滤选择器 阅读全文
posted @ 2016-06-10 15:12 facial 阅读(163) 评论(0) 推荐(0)
jQuery ajax()使用serialize()提交form数据
摘要：jQuery的serialize()方法通过序列化表单值，创建URL编码文本字符串，我们就可以选择一个或多个表单元素，也可以直接选择form将其序列化，如： 这样，我们就可以把序列化的值传给ajax()作为url的参数，轻松使用ajax()提交form表单了，而不需要一个一个获取表单中的值然后传给a 阅读全文
posted @ 2016-06-10 14:33 facial 阅读(142) 评论(0) 推荐(0)
jQuery ajax - getScript() 方法
摘要：实例 通过 AJAX 请求来获得并运行一个 JavaScript 文件： 定义和用法 getScript() 方法通过 HTTP GET 请求载入并执行 JavaScript 文件。 语法 可选。规定请求成功后执行的回调函数。 额外的参数： response - 包含来自请求的结果数据 status 阅读全文
posted @ 2016-06-02 15:31 facial 阅读(277) 评论(0) 推荐(0)
jQuery Ajax 的 load()方式
摘要：load() 方法 load() 是所有jQuery工具中最简单的，向它传入一个URL，它会异步加载URL内的内容，然后将内容插入每一个选中元素中，替换掉已经存在的任何内容。 例如 也可以获取URL文档的一部分内容， 页面后面添加元素，必须要加空格（不然有时候会被认为是hash#）。 只获取一个 i 阅读全文
posted @ 2016-06-02 14:58 facial 阅读(1543) 评论(0) 推荐(0)
jquery animate
摘要：$(".logo").animate( { opacity: .25, //将不透明度逐渐变成.25 height: 0 //高度逐渐变成0 }, { duration: 1000, //动画时间 complete: function() { //动画完成时的回调函数 alert("animatio 阅读全文
posted @ 2016-06-01 15:36 facial 阅读(160) 评论(0) 推荐(0)
jquery width(), innerWidth(), outerWidth() 区别
摘要：#div1 { width: 100px; height: 100px; border: 5px black solid; padding: 10px; margin: 10px; background: orange; } #div1-son { background: white; width: 阅读全文
posted @ 2016-05-31 16:35 facial 阅读(290) 评论(0) 推荐(0)
Jquery 的bind(), live(), delegate(), on()绑定事件方式
摘要：1. 因为项目中经常会有利用jquery操作dom元素的增删操作，所以会涉及到dom元素的绑定事件方式，简单的归纳一下bind,live,delegate,on的区别，以便以后查阅。 bind() 适用所有版本，但是根据官网解释，自从jquery1.7版本以后bind()函数推荐用on()来代替。 阅读全文
posted @ 2016-05-20 09:44 facial 阅读(172) 评论(0) 推荐(0)
提交表单时的等待(loading)效果
摘要：$(document).ready(function () { $("body").prepend(''); //背景透明图 $("body").prepend(""); // loading. });点击提交表单的按钮:$(".search-box button[... 阅读全文
posted @ 2015-11-26 17:09 facial 阅读(5140) 评论(0) 推荐(0)
Resizable 2th click not working
摘要：here's a simplesolution. just destroy the resizable function, then rebuild it. try { $("#div").resizable("destroy");$('#showAllInfomati... 阅读全文
posted @ 2015-11-17 15:41 facial 阅读(140) 评论(0) 推荐(0)
Resizable and dragable pugin.
摘要：https://jqueryui.com/resizable/#helper 阅读全文
posted @ 2015-11-17 15:30 facial 阅读(122) 评论(0) 推荐(0)
JavaScript 自动分页插件 datatables
摘要：DataTablesTable plug-in for jQueryhttps://www.datatables.net/ 阅读全文
posted @ 2015-08-20 10:10 facial
event.preventDefault()
摘要：preventDefault() 方法定义和用法取消事件的默认动作。语法event.preventDefault()说明该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 "submit"，在事件传播的任意阶段可以调用任意的事件句柄，通过调用... 阅读全文
posted @ 2015-05-12 15:52 facial 阅读(1218) 评论(0) 推荐(0)