jQuery / Javascript
米格战斗机
我就是一棵小草
展开
-
ECMAScript 6.0(es6)学习记录
ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版。ES6 主要是为了解决 ES5 的先天不足,比如 JavaScript 里并没有类的概念,但是目前浏览器的 JavaScript 是 ES5 版本,大多数高版本的浏览器也支持 ES6,不过只实现了 ES6 的部分特性和功能。ECMAScript 规范定义了一种脚本语言实现应该...原创 2020-03-27 16:06:28 · 183 阅读 · 0 评论 -
JS刷新当前页面的几种方法总结
reload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet])参数: bForceGet, 可选参数,...转载 2019-11-18 22:46:12 · 289 阅读 · 0 评论 -
Jquery Ajax整理
//$.ajax([setting]);$.ajax({ async:true/false; cache:false; timeout:60000,//毫秒 type:"post"/"get", url:"aaddressurl", dataType:"text"/"html"/"xml"/"json"/"jsonp",//预期的服务器响应的数据类型 contentType...原创 2019-11-18 22:36:45 · 133 阅读 · 0 评论 -
js 怎样缓存数据【整理】
/*** cache.* page data cache in cache.*/(function($) {$.cache = {};$.extend($.cache, {map : {},push : function(key, value) {$.cache.map[key] = value;},remove : fu转载 2016-05-23 09:57:39 · 1407 阅读 · 0 评论 -
JS 页面加载触发事件 document.ready和onload的区别
页面加载完成有两种事件:一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件);二是onload,指示页面包含图片等文件在内的所有元素都加载完成。 1、Dom Ready用jQ的人很多人都是这么开始写脚本的: $(function(){ // do something });例如:$(function() { $("a转载 2016-03-18 14:24:06 · 10018 阅读 · 0 评论 -
jQery.form.js中文API【整理】
j关键字:jquery.form.js英文原文:http://www.malsup.com/jquery/form/#api表单插件API提供了几个方法,让你轻松管理表单数据和进行表单提交。1.API方法ajaxForm增加所有需要的事件监听器,为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中,使用ajaxForm来为A转载 2016-03-06 11:09:32 · 629 阅读 · 0 评论 -
jQuery.validate.js之二【整理】
jQuery.validate 中文API 名称返回类型描述validate(options)返回:Validator验证所选的FORMvalid()返回:Boolean检查是否验证通过rules()转载 2016-03-06 01:29:55 · 798 阅读 · 0 评论 -
jquery.validate.js之一【整理】
一导入js库二、默认校验规则(1)required:true 必输字段(2)remote:"check.php" 使用ajax方法调用check.php验证输入值(3)email:true 必须输入正确格式的电子邮件(4)url:true转载 2016-03-06 00:52:16 · 670 阅读 · 0 评论 -
jQuery之submit 事件及submit函数
当提交表单时,会发生 submit 事件。submit() 方法触发 submit 事件,或规定当发生 submit 事件时运行的函数。$(document).ready(function(){ $("form").submit(function(e){ alert("Submitted"); }); $("button").click(function(){原创 2016-02-18 17:30:24 · 4958 阅读 · 0 评论 -
jQuery 之unbind【整理】
$(selector).unbind()该方法能够移除所有的或被选的事件处理程序,或者当事件发生时终止指定函数的运行。ubind() 适用于任何通过 jQuery 附加的事件处理程序。$(document).ready(function(){ $("p").click(function(){ $(this).slideToggle(); }); $("button原创 2016-02-16 11:55:33 · 353 阅读 · 0 评论 -
css 透明度设定
opacity 属性设置元素的不透明级别。从 0.0 (完全透明)到 1.0(完全不透明)。默认值:1 版本:CSS3 JavaScript 语法:object.style.opacity=0.5 w3c标准透明度就是opacity,filter只有IE才能用,其他浏览器都支持opacity。filter: alpha(opacity=80); //IE8原创 2016-01-06 09:24:59 · 497 阅读 · 0 评论 -
js之类似trim功能函数
兼容IE低版本浏览器,以及其他一些低版本脚本的浏览器js中本身是没有trim函数的//删除左右两端的空格 function trim(str){ return str.replace(/(^\s*)|(\s*$)/g, ""); } //删除左边的空格function ltrim(str){ return str.replace(/(^\s*)/g,"");原创 2016-01-04 14:56:46 · 1859 阅读 · 0 评论 -
js、jQuery之控制元素的可见性
用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的“display”和“visibility”属性。Object.style.visibility=visible|hidden|collapseObject.style.display=none|block|inline当style.display="block"或style.visibility="visib原创 2016-01-19 16:04:30 · 6375 阅读 · 0 评论 -
jQuery 之serializeArray() 、serialize() 方法
serializeArray() 方法序列化表单元素,返回 JSON 数据结构数据。$(selector).serializeArray()注意:此方法返回的是 JSON 对象而非 JSON 字符串。返回的 JSON 对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对 —— name 参数和 value 参数(如果 value 不为空的话)。举例来说:[ {name转载 2016-03-31 11:29:49 · 609 阅读 · 0 评论 -
document window高度的计算
js中,有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:window.innerHeight - 浏览器窗口的内部高度window.innerWidth - 浏览器窗口的内部宽度对于 Internet Explorer 8、7、6、5:(不支持wi原创 2016-03-09 13:40:05 · 791 阅读 · 0 评论 -
jQuery的$.extend和$.fn.extend作用及区别【整理】
ObjectjQuery.extend( target, object1,[objectN])用一个或多个其他对象来扩展一个对象,返回被扩展的对象var settings = { validate: false, limit: 5, name: "foo" }; var options = { validate: true, name: "bar" }; jQuery.extend转载 2015-04-25 14:01:51 · 597 阅读 · 0 评论 -
button阻止form表单失效优化处理
场景:js函数验证失败,终止函数,但是form依然提交数据;以下分析处理方案:function check(){ var begindate=document.aform.begindate.value; var enddate=document.aform.enddate.value; if(!begindate || !enddate){ alert("请输入日期。")...原创 2019-05-30 10:55:19 · 515 阅读 · 0 评论 -
Console命令,让js调试更简单
一、显示信息的命令console.log("normal"); // 用于输出普通信息console.info("information"); // 用于输出提示性信息console.error("error"); // 用于输出错误信息console.warn("warn"); // 用于输转载 2017-11-06 12:04:23 · 669 阅读 · 0 评论 -
js & jquery 操作iframe中的HTML元素
$(window.frames["content"].document).find("input[type='radio']").attr("checked",true);$("#content").contents().find("input[type='radio']").prop("checked",true);document.getElementById原创 2016-11-06 23:04:45 · 2808 阅读 · 0 评论 -
Js中的window.parent ,window.top,window.self 详解 【整理】
在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法打开当前窗口的那个窗口。 window.self功能:是对当前窗口自身的引用。它和window属性是等价的。语法:window.self注:window、self、wi转载 2016-11-06 22:07:51 · 477 阅读 · 0 评论 -
用js或者jQuery判断数组中含某个元素
js的indexOf函数:var length = $.trim($idNumber.val()).length;var arr = [15,18,20];if(arr.indexOf(length) < 0){ alert(“输入内容不符合要求”);} jquery的inArray()函数:var length = $.trim($idNumber.val()).leng原创 2016-08-10 20:10:59 · 784 阅读 · 0 评论 -
KindEditor--开源的在线HTML编辑器
KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使原创 2016-07-19 13:26:28 · 1758 阅读 · 0 评论 -
js 控制台输出
console.log(object[, object, ...])在控制台输出一条消息。如果有多个参数,输出时会用空格隔开这些参数。第一个参数可以是一个包含格式化占位符输出的字符串,例如:console.log("The%s jumped over %d tall buildings",animal, count);上面的例子可以用下面的无格式化占位符输出转载 2016-07-29 10:52:53 · 322 阅读 · 0 评论 -
巧用Ajax的beforeSend 提高用户体验
jQuery是经常使用的一个开源js框架,其中的$.ajax请求中有一个beforeSend方法,用于在向服务器发送请求前执行一些动作。具体可参考jQuery官方文档:http://api.jquery.com/Ajax_Events/$.ajax({ beforeSend: function(){ // Handle the beforeSend event转载 2016-07-07 11:27:30 · 371 阅读 · 0 评论 -
js 处理input元素为数字
在js中,var x = event.keyCode; (数字,表示 Unicode 字符代码或 Unicode 键代码)keyCode 属性返回onkeypress事件触发的键的值的字符代码,或者 onkeydown或 onkeyup事件的键的代码。两种代码类型的区别是:字符代码 - 表示 ASCII 字符的数字键盘代码 - 表示键盘上真实键的数字两种类型的值不是原创 2016-07-22 14:19:38 · 2289 阅读 · 0 评论 -
jquery 跳出each循环
jquery each循环,要实现break和continue类似的功能: break 功能:用return false; continue 功能:用return ture;转载 2015-12-16 10:57:41 · 258 阅读 · 0 评论 -
<input> 标签的 checked 属性
checked 属性可设置或返回某个选定复选框或单选按钮是否被选中。checked 属性 与 或 配合使用。表示选定复选框或单选按钮。checked="checked" /> I have a car document.getElementById("check1").checked=true document.getElement原创 2015-07-30 01:23:41 · 15307 阅读 · 0 评论 -
javascript 解析json的代码
JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。 首先温习一下JSON格式:(1) 单个对象 {"变量名1":"变量值1", "变量名2":"变量值2"}(2) 数组 [{ "变量名11原创 2015-07-30 14:24:30 · 280 阅读 · 0 评论 -
js中prototype的理解摘录
javascript中的每个对象都有prototype属性,Javascript中对象的prototype属性的解释是:返回对象类型原型的引用。 A.prototype = new B(); 理解prototype不应把它和继承混淆。A的prototype为B的一个实例,可以理解A将B中的方法和属性全部克隆了一遍。A能使用B的方法和属性。这里强调的是克隆而不是继承。原型法的主要思想是,原创 2015-08-27 17:41:54 · 317 阅读 · 0 评论 -
jQuery 选择器
jQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有 元素转载 2015-07-30 01:30:59 · 327 阅读 · 0 评论 -
disabled属性的启用和禁止
TML中的input元素、button元素、option元素等都具有一个disabled属性。 当赋予该属性时该元素将变得不可交互,如下代码所示: Html代码 input type="button" disabled="disabled" value="测试按钮"> 其中属性值“disabled”可以替换成任何的其它单词甚至是“enabled”(不原创 2015-07-30 00:55:07 · 6993 阅读 · 0 评论 -
jQuery之ajax归纳
1.jQuery的$.post方法$.post() 方法通过 HTTP POST 请求从服务器上请求数据。$.post(url, data, success(data, textStatus,jqXHR), dataType);参数描述url必需。规定把请求发送到哪个 URL。data可选。映射或字符串转载 2015-05-07 22:53:58 · 427 阅读 · 0 评论 -
jQuery遍历
向上遍历 DOM 树parent() 返回被选元素的直接父元素parents() 返回被选元素的所有祖先元素,它一路向上直到文档的根元素 ()parentsUntil() 返回介于两个给定元素之间的所有祖先元素$("span").parent().css({"color":"red","border":"2px solid red"});$("span").pare转载 2015-08-09 22:57:49 · 247 阅读 · 0 评论 -
jQuery 动画、HTML、CSS
jQuery 效果函数方法描述animate()对被选元素应用“自定义”的动画clearQueue()对被选元素移除所有排队的函数(仍未运行的)delay()对被选元素的所有排队函数(仍未运行)设置延迟dequeue()运行被选元素的下一个排队函数fadeIn转载 2015-08-09 21:25:13 · 343 阅读 · 0 评论 -
jQuery 参考手册 - 选择器
jQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有转载 2015-08-09 16:13:38 · 262 阅读 · 0 评论 -
Javascript定义类(class)的三种方法
1.构造函数法这是经典方法,也是教科书必教的方法。它用构造函数模拟"类",在其内部用this关键字指代实例对象。function Cat() { this.name = "大毛";}生成实例的时候,使用new关键字。var cat1 = new Cat();alert(cat1.name); // 大毛类的属性和方法,还可以定义在构造函数的p转载 2015-08-09 00:51:04 · 281 阅读 · 0 评论 -
JavaScript之函数function,Function 对象(类)
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。关键词 function点击这里document.getElementById("demo").innerHTML=myFunction2(); function add(a, b){ return a+b;} alert原创 2015-08-08 23:26:51 · 755 阅读 · 1 评论 -
Javascript 面向对象编程(一):封装
Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。那么,如果我们要把"属性"(property)和"方法"(method),封装成一个对象,甚至要从原型对象生成一个实例对象,我们应该怎么做呢?一、 生成对象的原始模式假定我们把猫看转载 2015-08-08 23:58:13 · 248 阅读 · 0 评论 -
jst中,if的判断条件
1、布尔变量true/false2、数字非0,非NaN / (0 或NaN)3、对象非null /(null或undefined) 4、字符串非空串 /空串("")//字符串if(str){ //do something}//对于数字if(isNaN(a)){ alert('a is NaN');}if (foo) bar(); else baz(原创 2015-08-26 23:22:26 · 973 阅读 · 0 评论 -
JavaScript整理(1)--基本语法
JavaScript 是脚本语言浏览器会在读取代码时,逐行地执行脚本代码。JavaScript 是一种轻量级的编程语言。脚本可位于 HTML 的 或 部分中,或者同时存在于两个部分中。A ParagraphTry itfunction myFunction(){document.getElementById("demo").innerHTML="My Fir原创 2015-08-01 23:48:57 · 248 阅读 · 0 评论