jquery
文章平均质量分 60
开着拖拉机的梦想家
马云说,梦想还是要有的,万一实现了呢?所以,如果你不甘平庸,如果你心怀梦想,那就激情起来,即使跑起来被绊倒无数次,也不要规规矩矩走一辈子,岁月不止,奋斗不息,就做这样的自己!
展开
-
jQuery 获取当前时间
获取当前时间:var currentDate = new Date().toLocaleDateString();var current = new Date(currentDate);var endTime = new Date(recEndDate.replace("-", "/").replace("-", "/").split(" ")[0]);if((current.getT...原创 2019-08-05 15:36:49 · 3712 阅读 · 0 评论 -
kindeditor+SWFUpload多文件上传session失效解决方法
我们都知道普通的文件上传是通过表单进行文件上传的,还不能达到异步上传的目的。通过使用某些技术手段,比如jquery form.js可以达到异步上传的目的,但最重要的问题在于,它不能够进行多个文件的上传。如果你要上传多个文件,必须一个一个地上传,同时还要在界面上处理当上传完一个文件之后,下一个文件上传框的问题。现在我们有了一个更多的运行,即使用swfupload进行多文件异步上传。顾名思义,转载 2017-01-11 13:47:56 · 1926 阅读 · 0 评论 -
jquery的inputlimiter插件--限制文字字数
有时我们在输入文章及编写文字时,文本框会限制我们输入的字数,下面写了一个小demo,方便以后使用。 New Document body { font-family: verdana; } #limitingtext { color: #333; font-size: 90%; } $(docume翻译 2017-01-11 10:54:39 · 1721 阅读 · 0 评论 -
jQuery高亮显示
有很多jQuery插件可以实现文本高亮,这里使用一个简单的方法,实现高亮,不需要其他JavaScript包,只是纯净的JavaScript,这个脚本返回被处理的原始数据,高亮的文本用标签包含起来,可以使用css定义样式。 body { margin: 50px; font: 15px Arial; line-height: 1.5; } input, button { padding: .3em; } .highlight { background:转载 2016-12-21 10:11:13 · 2898 阅读 · 0 评论 -
document.all用法
document.all用法第一:document.all是页面内所有元素的一个集合。例如: document.all(0)表示页面内第一个元素第二:document.all可以判断浏览器是否是IE if(document.all){ alert("is IE!"); }第三:也可以通过给某个元素设置id属性(id=转载 2016-12-21 08:32:26 · 557 阅读 · 0 评论 -
回到顶部
网页中有时会有回到底部的标识,今天整了一个小demo New Document <!-- //返回顶部 $(function (){ $("#returnTop").click(function(){ //$('body,html')表示页面中所以的body及所以的html--详情可参考:http://blog.csdn.net原创 2016-12-30 17:50:09 · 222 阅读 · 0 评论 -
所在地天气预报的展示(包含七天天气预报查询)
当我们访问页面的时候,通常会发现页面上含有所在地的天气预报的展示(有的会含有七天天气预报的查询),这里根据http://ztb.qxn.gov.cn/qxnztb/Default.aspx网站整理了一下如何在前台页面调用天气预报的接口。 七天预报 这是根据这个(http://ztb.qxn.gov.cn/qxnztb/Defaul翻译 2016-12-30 17:07:02 · 997 阅读 · 0 评论 -
$("#aa>div")与$('#aa>div.first')与$('div','li')与$('div , li')与$('div li')的讲解
$("#aa>div")与$('#aa>div.first')与$('div','li')与$('div , li')与$('div li')各代表的什么意思?原创 2016-12-30 14:54:45 · 870 阅读 · 0 评论 -
使用jQuery获取文件名的扩展名(小数点后的名称)
本文主要是讲解的两种方法:如下:1 使用split()方法和数据的pop()方法2 下面这个方法是采用的字符串的substr()及字符串的lastIndexOf();注:这2种方法可以过滤掉以点号开头的文件名,如.html等等。具体操作如下: New Document <!-- var fileName原创 2016-12-20 10:46:05 · 3016 阅读 · 0 评论 -
页面加载缓冲的login (2)
在项目中,在我们点击加载一个页面或者查询的时候,往往需要等一段时间才能获取结果,但是在它操作的时候,我们不知道操作完成没,通常添加加载缓冲login。如下:具体操作:(代码粘贴即可用,其中dialog.css与dialog.js是工具类,可以根据自己的需要修改样式)dialog.css.my-confirm-box{background-color: #E2E2E2; -webkit-原创 2016-12-20 10:19:57 · 429 阅读 · 2 评论 -
jQuery中JSONP结合Spring MVC实现跨域请求
在解释JSONP之前,我们需要了解下 ”同源策略“ 这个概念,这对理解跨域有帮助。基于安全的原因,浏览器是存在同源策略机制的,同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载额文档的属性。有点绕,说的简单点就是浏览器限制脚本只能和同协议、同域名、同端口的脚本进行交互。JSONP就是为了解决这一问题的,JSONP是英文JSON with Padding的缩写,是一个非官方的协议。他转载 2017-01-11 14:05:48 · 380 阅读 · 0 评论 -
jquery之ajaxfileupload异步上传插件
由于项目需求在上传头像是需要使用异步上传文件,在上传的过程中需要对文件进行校验:规则如下:宽度和高度大于200,宽高比要小于2,大小小于2M。 我这里使用的是AjaxFileUploader这个组件,服务器使用Struts处理文件。 实例: 这里需要引入两个js文件:jQuery、ajaxfileUpload转载 2017-02-07 17:02:42 · 257 阅读 · 0 评论 -
浅谈JavaScript--Array数组的join()方法
介绍性的话就不多说了,我们都知道Array类型是JS内置对象最常用的一个类型,里面的API经常在开发中用到,有一个方法非常的强大,那就是join(),这个方法的功能就是:将array数据中每个元素都转为字符串,用自定义的连接符分割join()方法的使用:一、最简单的将数组的每个元素都转为字符串[html] view plain copyscr转载 2017-12-07 19:10:27 · 1375 阅读 · 0 评论 -
jquery autocomplete 自动完成插件及插件常用属性及项目案例
jquery autocomplete 自动完成插件及插件常用属性及项目案例原创 2017-08-08 16:03:02 · 4288 阅读 · 2 评论 -
jquery autocomplete 自动完成插件常见错误-火狐不支持中文、查询数据存在缓存等
jquery autocomplete 自动完成插件常见错误-火狐不支持中文、查询数据存在缓存等原创 2017-08-08 16:17:00 · 2172 阅读 · 0 评论 -
console.log()与alert()对比使用及console.log()使用注意事项
今天开发的时候发现一个问题,很是奇怪,就是页面上的有些操作在谷歌、火狐、IE8、IE10、IE11下都没有问题,但是在IE9下就是不可用,刚开始以为是浏览器兼容性的问题,后来查找资料发现是页面加载console.log()的原因,因为IE浏览器下默认是不支持console.log,反而会因为这句代码而报错,所有ie下注释掉比较好原创 2017-07-04 20:11:14 · 5049 阅读 · 0 评论 -
jquery的==与===的区别讲解
==, 两边值类型相同时,等同于===;不同的时候,要先进行类型转换,再比较。===,不做类型转换,类型不同的一定不等。原创 2017-07-03 17:57:32 · 4764 阅读 · 0 评论 -
打印机小demo
前端插件,打印机小demo演示 插件:jquery.PrintArea.js// JavaScript Document(function($) {var printAreaCount = 0;$.fn.printArea = function(){var ele = $(this);var idPrefix = "printArea_";removePrintArea(原创 2017-03-13 16:14:13 · 1661 阅读 · 0 评论 -
$.ajax同步/异步(async:false/true)
虽然说ajax用来执行异步请求的比较多,但有时还是存在需要同步执行的情况的。比如:我需要通过ajax取执行请求以返回一个值,这个值在ajax后面是需要使用到的,这时就不能用异步请求了。这时候就需要使用到async这个属性了。async:true,(默认),异步方式,$.Ajax执行后,会继续执行ajax后面的脚本,直到服务器端返回数据后,触发$.Ajax里的success方法,这时候执行的转载 2017-04-07 13:48:29 · 546 阅读 · 0 评论 -
移动鼠标获取相应的样式(eg:手型、问号、箭头等多种样式)css的style="cursor:*"属性
任意标签中插入 style="cursor:*" 例子:文本或其它页面元素 文本或其它页面元素 注意把 * 换成如下15个效果的一种: 下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧! 鼠标放上显示十字架样式 CSS鼠标手型效果(pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用。) CSS鼠标手型效转载 2017-01-20 10:03:33 · 2771 阅读 · 0 评论 -
使用jquery.qrcode生成二维码
二维码应用已经渗透到我们的生活工作当中,您只需要用手机对着二维码“扫一扫”即可获得所对应的信息,方便我们了解商家、购物、观影等等。本文将介绍一款基于jquery的二维码生成插件qrcode,在页面中调用该插件就能生成对应的二维码。demo演示: New Document 演示:使用jquery.qrcode生成二维码$(function(转载 2017-01-12 15:57:53 · 365 阅读 · 0 评论 -
输入框获得焦点和失去焦点
项目产品需求,要求页面一加载的时候,就给文本框进行赋值“请输入招标项目编号”,当获得焦点事件的时候,将文本框的数据进行清空,当失去焦点事件的时候,文本框重新赋值为“请输入招标项目编号”。HTML代码展示: 交易进度查询 JavaScript代码展示://输入框获得焦点和失去焦点 // $(".sea原创 2016-12-30 12:11:12 · 5110 阅读 · 0 评论 -
jQuery 事件 - mouseenter() 方法
jQuery 事件 - mouseenter() 方法定义和用法当鼠标指针穿过元素时,会发生 mouseenter 事件。该事件大多数时候会与mouseleave 事件一起使用。mouseenter() 方法触发 mouseenter 事件,或规定当发生 mouseenter 事件时运行的函数。$(document).ready(function(){ $("p")转载 2016-12-30 11:05:03 · 2070 阅读 · 0 评论 -
页面布局div,一进入页面默认选中第一个div
页面是div的排布,一进入页面默认选中第一个div,并且展示第一个div下的数据(默认选中的是当前月的上一个月),然后点击哪个div显示哪个div下的数据。代码:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>投标人统计分析<%原创 2016-12-12 14:51:22 · 12675 阅读 · 1 评论 -
一进入页面选中第一个按钮,并展示按钮下的数据
页面是按钮的排布,一进入页面默认选中第一个按钮,并且展示第一个按钮下的数据,然后点击哪个按钮显示哪个按钮下的数据。<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>投标人统计分析<% // String firstDay=(String)r原创 2016-12-12 14:04:31 · 4174 阅读 · 0 评论 -
[jQuery]remove()与 empty()的区别
要用到移除指定元素的时候,发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。empty()是只移除了 指定元素中的所有子节点,拿$("p").empty()来说,他只是把dsfsd中的文本给移除了,而留下 了,仍保留其在dom中所占的位置。remove([expr])则是把其从dom中删除,而不会保留其所占的位置。例:HelloWor转载 2016-12-08 11:01:02 · 494 阅读 · 0 评论 -
按钮设置disabled
$("#_button").css('disabled',"true");//将按钮设置为不可用$("#_button").css('disabled',"false");//将按钮设置为可用$("#_button").attr({"disabled":"disabled"});//将按钮设置为不可用$("#_button").removeAttr("d原创 2016-11-25 11:13:55 · 2077 阅读 · 0 评论 -
原生的js与jquery的js对象之间的转换
在说他们之间的转换之前先说一下他们之间的关系吧,js它是动态的弱类型的语言,是JavaScript的缩写,而jquery是对js的封装、扩展,jquery是使用js封装的框架,就是让jquery更方便简洁。举个例子吧,js就好比是生的面条,而jquery是方便面,泡一下就可以吃了,比较的方便。即:jquery是使用最少的代码来完成更多的功能。以上是我对js与jquery的区别的理解。原创 2016-06-25 16:27:48 · 15701 阅读 · 0 评论 -
js如何实现点击一个按钮显示一个div,然后该div上有一个按钮,点击此按钮后隐藏,隐藏的同时显示另外一个div,而在次弹出的div也有一个按钮,点击后隐藏.
报名第一个div第二个divfunction btn1(){ document.getElementById('div1').style.display='block'; }function btn2(){ document.getElementById('div1').style.display='none'; document.getElement翻译 2016-07-14 17:09:18 · 21323 阅读 · 0 评论 -
一进入页面,默认选中table的第一个tr
序号 内容 alert($('#tableId tr:eq(0) th:eq(0)').html());// tr:eq(0) th:eq(0)需要tr或需要th自行选择原创 2016-12-12 14:09:34 · 8124 阅读 · 0 评论 -
$(document).hight()和$(window).hight()
jquery$(window).hight()//浏览器当前窗口可视区域高度,是获取当前 也就是你浏览器所能看到的页面的那部分的高度 这个大小在你缩放浏览器窗口大小时 会改变 与document是不一样的 根据英文应该也能理解吧$(document).height()//浏览器当前窗口文档的高度$(document.body).height()//浏览器当前窗口文档body的高度$原创 2016-08-30 11:07:23 · 832 阅读 · 0 评论 -
jquery的empty()方法与jquery的remove()的区别及作用
div{ height:200px; width:200px; border:1px solid red}ul li{ border:1px solid blue; height:100px; width:100px;} $(document).ready(function(){ $("button").click(function(){ $原创 2016-08-30 09:51:50 · 711 阅读 · 0 评论 -
jquery 设置style:display的方法
jQuery设置style:display$("#id").css('dispaly','none');//表示设置为禁用$("#id").css('display','block');//表示设置为可用原创 2016-11-25 11:09:30 · 11961 阅读 · 0 评论 -
HTML让文字在图片上显示
Html让文字在图片上显示的集中方式:第一种方式是image 作为背景图片,即:background:url(".......");例如如下代码块:添加文字...添加文字...添加文字...第二种方式是将img块与文字块(文字块采用span标签显示)放在同一个div 中,然后设置他们之间的位置,例如如下代码块:添加文字原创 2016-12-21 10:32:26 · 133087 阅读 · 0 评论 -
html的tbody标签
写html代码的时候,遇到了Tbody这个标记符,这个标记符是对于表格来说的,每个页面都有head ,body两部分,对于比较复杂的页面,页面的排版用到了很多的表格,表格的结构也就相对的复杂了,所以又将表格分割成三个部分:题头、正文和脚注。而这三部分分别用:thead,tbody,tfoot来标注。thead用来放标题之类的东西tbody放数据本体tfoot放表格的脚注之类……转载 2016-12-30 10:09:58 · 2314 阅读 · 0 评论 -
javascript+div样式的自定义tab选项卡
需求:进入页面以div样式的选项卡显示,默认显示第一个,鼠标移上事件(也可以更换为鼠标点击事件)进行切换选项卡 New Document .news{ width:324px; margin-left:8px; border:1px solid #0973b2; padding:1px; height:269px; min-height:269px原创 2017-01-05 16:12:58 · 1873 阅读 · 0 评论 -
jquery stop()方法的讲解使用
jQuery中stop()函数用于停止当前匹配元素上正在运行的动画。默认情况下,stop()函数只会停止当前正在运行的动画。如果你使用animate()函数为当前元素设置了A、B、C这3段动画,如果当前正在执行的动画是A,则只会停止动画A的执行,不会阻止动画B和C的执行。当然,你也可以通过指定可选的选项参数来停止所有的动画。jQuery中stop()函数用于停止当前匹配元素上正在运行的动画。转载 2016-12-23 11:03:18 · 2956 阅读 · 0 评论 -
页面中图片随着文字的上下拖动,不改变图片位置(主要是通过添加css样式得来)
图片位置不随着文字的拖动而改变图片的位置。 New Document <!-- 主要是采用了css的position:fixed; position:fixed;作用就是以窗口为参照的, 如果非要以父级标签为参照,完全可以使用position:absolute;而父级加上一个position:relative; -->.logo {翻译 2016-12-22 16:50:14 · 4024 阅读 · 0 评论 -
SuperSlide插件轮播图展示
SuperSlide轮播展示非常棒的一个插件,这里讲解两个案例。1.标签切换/书签切换 New Document /* css 重置 */ *{margin:0; padding:0; list-style:none; } body{ background:#fff; font:normal 12px/22px 宋体;转载 2016-12-22 15:48:00 · 5599 阅读 · 0 评论 -
jquery实现拖拽进度条并显示百分比的特...
jQuery实现拖拽进度条并显示百分比的特效。。。 New Document #box{position: relative; width: 200px; height: 50px; border: 1px solid #eee; margin: 50px auto 0;} #bg{height: 10px; margin-top: 19px; b转载 2016-12-22 09:49:00 · 3823 阅读 · 1 评论