随笔分类 - jQuery
jQuery
摘要：工作中遇到过的实际案例： 1、我在项目里做的一个下拉菜单，当鼠标移上去的时候就菜单显示，当鼠标离开的时候菜单隐藏 如果我快速不断地将鼠标移入移出菜单（即，当菜单下拉动画未完成时，鼠标又移出了菜单）就会产生“动画积累"，当鼠标停止移动后，积累的动画还会持续执行，直到动画序列执行完毕。 2、项目里ng-
阅读全文
摘要：https://www.cnblogs.com/RachelChen/p/5433881.html 全局ajax事件 必须当页面上存在任何ajax请求的时候都将触发这些特定的全局ajax处理函数。 如果在jQuery.ajaxSetup()中的global属性设置成true，那么这些全局函数将会在每
阅读全文
摘要：JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3..
阅读全文
摘要：<body> <h1>倒计时：<span>10</span></h1> <script src="jquery-1.11.1.min.js"></script> <script> var i=10; var timer=null; timer=setInterval(function(){ i--;
阅读全文
摘要：jquery事件的写法：.on() .off() .one()写法一：1、当一个元素同时绑定多个事件的时候，只会执行最后一个；2、对于动态生成的元素无效。$("div").click(function(){ alert(123);});$("div").mouseover(function(){ /
阅读全文
摘要：1、$("div").offset().left ; div到文档的左距离（offset() 方法返回或设置匹配元素相对于文档的偏移） $("div").offset().top; div到文档顶端的距离 $("div").offset().top-$(window).scrollTop; div到
阅读全文
摘要：$("<link>").attr({ rel: "stylesheet",type: "text/css",href: "site.css"}).appendTo("head"); 一个完整的实例: <html> <head> <script type="text/javascript" src="
阅读全文
摘要：jQuery.getScript("/path/to/myscript.js", function(data, status, jqxhr) { /* 做一些加载完成后需要执行的事情 */ }); jQuery.getScript("/path/to/myscript.js", function(d
阅读全文
摘要：return作为返回关键字，有以下两种意义的返回格式： 1，返回把握与函数成果：停止函数执行，返回调用函数，并且把函数的值作为返回成果。 2，返回把握，无函数成果：return;在大多半景象下，为事务处理惩罚函数返回false，可以防止默认的事务行动.例如，默认景象下点击一个<A>元素，页面会跳转到
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>.html</title> <style> </style> <script src="jquery-1.7.2.min.js"></script> <scr
阅读全文
摘要：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script> var wait_load = $('.wait_load'); wait_load.opacity(0); $
阅读全文
摘要：http://www.jb51.net/article/74958.htm 一、当元素失去焦点时发生blur 事件。 实例：jQuery blur() 方法添加函数到 blur 事件。当 <input> 字段失去焦点时发生 blur 事件： ? 1 2 3 $("input").blur(funct
阅读全文
摘要：<script> $(function(){ $("#btn").click(function(){ var a=parseInt($("#txt1").val()); var b=parseInt($("#txt2").val()); var num=a+b; if(isNaN(num)){ al
阅读全文
摘要：$(function(){ $(window).scroll(function(){ if($(window).scrollTop()>100){ $("#back-to-top").fadeIn(1000); } else{ $("#back-to-top").fadeOut(1000); } }
阅读全文
摘要：.end()为结束前面处理函数,返回到最初的元素 .next()为此元素的下一个元素,可以再加上.next()表示下下一个元素,以此类推 :visible 选择器选取每个当前是可见的元素。语法：$(":visible") 除以下几种情况之外的元素即是可见元素： 设置为 display:none ty
阅读全文
摘要：一、css样式操作的方法： 1、.css("样式")：获得样式值，比如$("input").css("color") 获得input中字体的颜色 2、.css("样式","value"):为样式赋值，如$("input").css("color","red"); 3、.css("样式",""):删除
阅读全文
摘要：区别：text（）用来获取时，可以获取所有元素的值；而其它两个只能获取到第一个的值。 补充：一、value取值：$("#Text1").val(); 设置：$("#Text1").val("公交"); 清空：$("#Text1").val(""); //清空 二、html获取：$("test").h
阅读全文
摘要：1，show()方法和hide()方法$("selector").show() 从display:none还原元素默认或已设置的display属性$("selector").hide() 设置元素的display样式为none，等于$("selector").css("display","none"
阅读全文
摘要：总结要点： 一、封装的一个cookie函数； 二、获取input的value值：$("input[name=user]").val() 三、设置input的value值：$("input[name=user]").attr("value",getCookie("user")); <!DOCTYPE
阅读全文
摘要：思路：1、拖拽原理：距离不变（拖拽过程中，鼠标到div的left和top值不变）。 2、三个步骤：mousedown：存储距离；mousemove：根据距离，计算div最新的位置；mouseup：关闭拖动和抬起的行为。 3、mousedown时加上return false；防止火狐下出现的bug；
阅读全文
浙公网安备 33010602011771号