JQuery
JQuery
涂作权的博客
To do what I want to do!
展开
-
一个JQuery做Ajax提交的案例
$(document).ready(function(){ //$('#loginButton').focus(); $('#password').bind('keyup', function(event){ if (event.keyCode=="13"){ subLogin(); }}); $("#loginButton").click(f原创 2013-09-05 16:11:04 · 1143 阅读 · 0 评论 -
关于JavaScript中的几种匿名行数的写法
匿名函数没有实际名字,也没有指针,怎么执行滴? 其实大家可以看看小括号的意义就应该可以理解。小括号有返回值,也就是小括号内的函数或者表达式的返回值,所以说小括号内的function返回值等于小括号的返回值,不难理解 (function(){})()可以将没有名字的函数执行了把… 关于匿名函数写法,很发散~ 最常见的用法: 复制代码 代码如下:(function() { alert('water转载 2015-07-19 11:20:43 · 1372 阅读 · 0 评论 -
JS正则表达式验证数字非常全
Js代码 "text/javascript"> function validate(){ var reg = new RegExp("^[0-9]*$"); var obj = document.getElementById("name"); if(!reg.test(obj.value)){ alert("请输入数字!转载 2015-07-31 10:42:43 · 11339 阅读 · 2 评论 -
Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素js在父窗口中获取iframe中的元素 1、格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click();实例:window.frames["ifm"].doc转载 2015-11-04 22:55:01 · 1567 阅读 · 0 评论 -
jquery.query-*.js 操作url
做的项目中需要用到通过JS获取GET参数,上网找了一下,找到如下插件: 例如 当前你的URL是: http://www.xxx.com/index.php?test=1&kk=2 如果想获取test,则可以引入插件后, 用如下方法获取: var test = $.query.get(’test’); 如果参数有多个相同的名称 ,则可以这样: var arr = $.query.get(’tes转载 2015-10-10 11:00:33 · 4770 阅读 · 1 评论 -
10个精选的颜色选择器Javascript脚本及其jQuery插件
Color picker即颜色选择器使我们在web开发中可能经常用到的组件,今天我们特意精选了10个超酷的颜色选择器实现,其中包括了javascript脚本 实现及其传说中的jQuery插件实现的颜色选择器,希望对大家工作和项目中有帮助。jQuery插件类1. Color Picker2. Farbtasic3. jQuery Colors Pickers HSLjavascript脚本类转载 2015-11-17 11:27:55 · 6156 阅读 · 0 评论 -
JQuery UI - resizable
·概述 resizable插件可以让选中的元素具有改变尺寸的功能。官方示例地址:http://jqueryui.com/demos/resizable/所有的事件回调函数都有两个参数:event和ui,浏览器自有event对象,和经过封装的ui对象ui.helper - 表示当前被改变尺寸的元素的JQuery对象ui.originalPosition - 表示未改变尺寸之前元素的位置{top,转载 2015-11-18 10:22:25 · 1671 阅读 · 0 评论 -
动态获取html页面的内容,并且取其中的某块元素的方法
$.ajax({ url: "http://192.168.1.59:8888/app-tpl-webapp/tpl/design.html", async:false, type:'post', dataType:'html', success:function(data) { console.log("----------------------------------原创 2015-12-30 16:12:42 · 10460 阅读 · 0 评论 -
jquery跳出当前的each循环的方式
jquery跳出当前的each循环,使用如下方式:return false;——跳出所有循环;相当于 javascript 中的 break 效果。return true;——跳出当前循环,进入下一个循环;相当于 javascript 中的 continue 效果$(function (){ $("input[type='text']").each(function (i){原创 2016-01-18 14:32:00 · 17161 阅读 · 1 评论 -
关于jQuery中的trigger和triggerHandler方法的使用
设计器 .trigger("focus") .triggerHandler("focus") 这是内容 test1 test1 test1 $("#old").click(function(){ $("input").trigger("focus"); }); $("#new").click(fu原创 2016-01-19 16:39:45 · 3040 阅读 · 0 评论 -
jQuery之防止冒泡事件
冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。下面是html代码部分:"content"> 外层div元素 内层span元素 外层div元素"msg">对应的jQuery代码如下:"text/javascript">$(function(){ // 为span元素绑定click事件 $('span').bind("click"转载 2015-12-18 15:01:47 · 1535 阅读 · 0 评论 -
map.js的编写(js编写一个对象的方式)
// 定义mapfunction Map() { this.container = {};}// 将key-value放入map中Map.prototype.put = function(key, value) { try { if (key != null && key != "") this.container[key] = value; } catch (e) {原创 2016-01-21 14:34:38 · 1841 阅读 · 0 评论 -
jquery sortable的拖动方法内容说明和示例详解(转载http://www.jb51.net/article/45803.htm)
所有的事件回调函数都有两个参数:event和ui,浏览器自有event对象,和经过封装的ui对象 ui.helper - 表示sortable元素的JQuery对象,通常是当前元素的克隆对象 ui.position - 表示相对当前对象,鼠标的坐标值对象{top,left} ui.offset - 表示相对于当前页面,鼠标的坐标值对象{top,left} ui.item - 表示当前拖拽的元素转载 2015-12-23 17:35:18 · 1459 阅读 · 0 评论 -
匿名函数,结合闭包的写法,js对象的案例
/* * name :Zuoquan Tu * mail :tuzq@XXX.com.cn * date :2015/04/1 * version :1.1 * description:modified by tuzuoquan 2015/04/7 * CopyRight (C) 2015-04 */$(function() { //扣分原创 2016-01-13 09:26:17 · 2097 阅读 · 0 评论 -
一个分页插件的源码分析
/** * This jQuery plugin displays pagination links inside the selected elements. * * This plugin needs at least jQuery 1.4.2 * * @author Gabriel Birke (birke *at* d-scribe *dot* de)原创 2016-01-25 23:18:39 · 1887 阅读 · 5 评论 -
在IFrame中查找IFRAME中的元素的方式
var websiteSearchButton = window.parent.parent.document.getElementById('mainFrame') .contentWindow.document.getElementById("webresource-search-button");原创 2016-04-19 10:21:56 · 7261 阅读 · 0 评论 -
JS中回调函数的写法
回调函数(callback) var f; function d(){ alert("我是Jquery定义的函数"); } var e = function(){ alert("我也是Jquery定义的函数"); } function a(callback) { alert("我是parent函数a!转载 2016-06-01 11:30:47 · 15349 阅读 · 0 评论 -
jQuery插件AjaxFileUpload文件上传实现Javascript多文件上传功能
Ajax file upload plugin是一个功能强大的文件上传jQuery插件,可自定义链接、或其它元素庖代传统的file表单上传结果,可实现Ajax动态提示文件上传 过程,同时支撑多文件上传,AjaxFileUpload文件上传插件功能斗劲稳定,今朝应用也斗劲多,简单应用实例如下: 查看AjaxFileUpload相干jQuery官方文档介绍 AjaxFileUpload JS库文件转载 2015-07-02 18:13:46 · 1667 阅读 · 0 评论 -
通过iframe引入另外一个项目中的html片段到项目中,解决样式,高度,兼容等问题的策略
http://172.16.24.11:9000/cartoon-web/footer_new" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" width='100%' height='392' id="iframepage" name="iframepage" onLoad="iFrameHeigh原创 2015-06-26 10:57:46 · 5978 阅读 · 0 评论 -
WdatePicker()时间控制方式(转载+原创)
控制时间在制定范围内: id="startDateStr" type="text" placeholder="开始时间" onClick="WdatePicker({minDate: '%y-%M-%d',maxDate: '#F{$dp.$D(\'endDateStr\')}' })" /> placeholder="结束时间" onClick="Wd转载 2015-06-03 12:37:33 · 7858 阅读 · 0 评论 -
jQuery使用ajax跨域获取数据
var webMethod = "http://localhost:54473/Service1.asmx/HelloWorld"; jQuery.support.cors = true; //之前没有加这句老是提示no transport,我没去深想。 $.ajax ({ type: "POST"转载 2013-09-16 13:51:52 · 1251 阅读 · 0 评论 -
项目中的一个JQuery ajax实现案例
/** * brief 这些代码用于在线制图中 attention author begin modify by * null *//** 获取参数并拼接参数 */var params = "";/** 判断是否选择了要制作的图形产品 */function judgeIfSelectedProduct() { var b = false; var lengt原创 2013-11-14 17:01:09 · 2279 阅读 · 0 评论 -
通过JQuery获取窗口和元素的宽高
$(document).ready(function() {alert($(window).height()); //浏览器当前窗口可视区域高度alert($(document).height()); //浏览器当前窗口文档的高度alert($(document.body).height());//浏览器当前窗口文档body的高度alert($原创 2013-12-31 16:34:24 · 2114 阅读 · 0 评论 -
js中的window.onload和jquery中的load区别的讲解
JavaScript 中的以下代码 [javascript] view plaincopyprint?Window.onload = function (){ // 编写代码 } Window.onload = function (){ // 编写代码 } 等价于 Jquery 代码如下: [j转载 2014-01-02 18:56:58 · 2121 阅读 · 0 评论 -
jquery $(document).ready() 与window.onload的区别
Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。1.执行时间 > alert(“text1”); }; window.onload => // 编写代码 }——————————————————————————————转载 2013-12-26 09:38:09 · 964 阅读 · 0 评论 -
JQuery闭包,插件的写法
jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方法。典型的例转载 2014-01-16 22:59:22 · 6038 阅读 · 1 评论 -
JQuery对<selecte>中的元素的操作
jQuery获取Select选择的Text和Value: 复制代码 代码如下:var checkText=jQuery("#select_id").find("option:selected").text(); //获取Select选择的Textvar checkValue=jQuery("#select_id").val(); //获取Select选择的option Value转载 2014-02-13 14:50:52 · 1263 阅读 · 0 评论 -
使用jquery获取radio的值
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:1.jquery获取radio的值2.jquery获取checkbox的值3.jquery获取select的值要想获取某个radio的值有以下的几种方法,直接给出代码:1、原创 2015-03-31 19:20:24 · 1085 阅读 · 0 评论 -
全面理解Javascript闭包和闭包的几种写法及用途
一、什么是闭包和闭包的几种写法和用法 1、什么是闭包 闭包,官方对闭包的解释是:一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。闭包的特点: 1. 作为一个函数变量的一个引用,当函数返回时,其处于激活状态。转载 2015-04-01 16:02:23 · 973 阅读 · 0 评论 -
JS 可变参数
JS可变参数的方法不需要参数,同时,我们应该注意在写JS文件的时候避免定义arguments变量。[html] view plaincopyprint?html> head> title>Javascript 可变参数title> script type="text/javascript"> function myMethod(){ for转载 2015-04-01 17:40:37 · 1136 阅读 · 0 评论 -
js构造函数
//构造函数 //使自己的对象多次复制,同时实例根据设置的访问等级可以访问其内部的属性和方法 //当对象被实例化后,构造函数会立即执行它所包含的任何代码 function myObject(msg){ //特权属性(公有属性) this.myMsg = msg; //只在被实例化后的实例中可调用 this.address = '上海';转载 2015-04-01 17:44:03 · 720 阅读 · 0 评论 -
js对象、构造函数、命名空间、方法、属性
var myNameSpace = new Object(); //构造一个命名 空间myClass //类的属性 myNameSpace.names="cnscn"; myNameSpace.age="30"; myNameSpace.ClassPersons=function(argName,argAge){ //构造类名,即构造函数转载 2015-04-01 17:48:46 · 1224 阅读 · 0 评论 -
编写手机端自适应页面案例,springMVC代码,SpringMVC上传代码,去掉input框中原有的样式,使ios按钮没有圆角,css中的border-radius类似
1、编写的页面 pageEncoding="UTF-8"%>http://java.sun.com/jsp/jstl/core" prefix="c"%>http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">pageEncoding="UTF-8"原创 2015-04-10 23:59:16 · 2657 阅读 · 0 评论 -
jQuery验证控件jquery.validate.js使用说明+中文API
官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validationjQuery plugin: Validation 使用说明 转载自:http://blog.sina.com.cn/s/blog_608475eb0100h3h1.html 一导入js库 二、默认校验规则(1)requir转载 2015-04-30 16:34:20 · 1216 阅读 · 0 评论 -
Jquery之Bind方法参数传递与接收的三种方法
方法一、function GetCode(event) { alert(event.data.foo); }$(document).ready(function() { $("#summary").bind("click", {foo:'abc'} ,GetCode); });方法二、函数句柄$("#summary").bind("click", function() { GetCode("a转载 2015-05-29 09:37:07 · 3673 阅读 · 0 评论 -
JQuery设置checkbox的值,取checkbox的值,设置radio的值,取radio的值,设置下拉选select的值,取select的值
一、复选框设置参数html代码如下: value="${copyRight.agreeFlag}"/> 我已阅读酷漫网相关法律声明 $(function(){ var agreeFlagValue = $("#agreeFlagValue").attr("va原创 2015-06-02 16:15:33 · 2577 阅读 · 0 评论 -
使用js控制表单重复提交(1加锁,2事件方式,3 EasyUI中解决表单重复提交)
方法一、var flag = true;$(function() { $("#interested").click(function() { beInterested(); });});function beInterested() { //$("#interested").unbind("click"); if (!flag) { alert("已感兴趣!"); re原创 2015-06-03 09:54:03 · 4884 阅读 · 0 评论