![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
文章平均质量分 62
山鹰的天空
追求漂亮的技术,让用户有最好的体验。
展开
-
JQuery jsonp使用小记
在一个不支持PHP的主机上,需要对某些页面做访问统计。我的方案是在静态的HTML页面上,用JSONP向能够执行PHP的主机进行跨域请求,从而使用PHP解决这个访问量统计问题。在服务器端,PHP页面返回的JSONP格式应该是这样的:0102 echo $_GET["callback"].'转载 2015-06-15 09:31:33 · 550 阅读 · 0 评论 -
jQuery 插件autocomplete 应用
jQuery 插件autocomplete 应用 项目中有时会用到自动补全查询,就像Google搜索框、淘宝商品搜索功能,输入汉字或字母,则以该汉字或字母开头的相关条目会显示出来供用户选择, autocomplete插件就是完成这样的功能。 autocomplete官网 : http://bassistance.de/jquery-plugins/jquery-plugin-aut转载 2016-12-05 10:38:45 · 470 阅读 · 0 评论 -
json的jquery解析
第一次用JSON作为jquery异步请求的传输对象,结果在jquery请求后返回的结果是字符串还是json对象上折腾了半天。等到问题解决了,也大致明白怎么个意思了,归根结底还是对jquery对相关json对象获取的理解有所偏差。这里考虑都考虑的是服务器返回的是JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明。转载 2017-01-05 17:06:58 · 321 阅读 · 0 评论 -
jQuery中json对象与json字符串互换
json字符串转json对象:jQuery.parseJSON(jsonStr);json对象转json字符串:JSON.stringify(jsonObj);IE中可能对unicode使用“\uXXXX”格式来编码,可以使用如下来解码:function unicode2Char(str) {return (str.replace(/\\/g, "%"));}转载 2017-01-06 11:52:58 · 539 阅读 · 0 评论 -
滚动条滚动到特定位置后出发的事件
滚动条滚动到特定位置后出发的事件$(window).scroll(function () {if ($(window).scrollTop() == $(document).height() - $(window).height()) {alert('bottom!!');}});scroll事件适用于window对象,但也可滚动iframe框架与CSS overflow属性设置为原创 2017-02-16 12:05:46 · 5137 阅读 · 0 评论 -
H5画的简易时钟
时钟//开始之前必须懂得时针各指针的弧度计算公式。var canvas,context;function window_onload(){ canvas = document.getElementById("myCanvas"); context = canvas.getContext("2d"); setInterval("draw()",1000)原创 2017-02-21 10:46:46 · 2111 阅读 · 0 评论 -
jQuery实现复选框的全选和反选
Document 苹果 香蕉 橘子 // 全选 function allPick() { $("[type=checkbox]:checkbox").each(function () { this.checked = true; }) } // 全不选 function unAllPick() { $("[type=che原创 2017-02-03 11:21:59 · 469 阅读 · 0 评论 -
jQuery实现页面滚动时动态加载内容的方法
本文实例讲述了jQuery实现页面滚动时动态加载内容的方法。分享给大家供大家参考。具体分析如下:很多网站,比如twitter,京东商城首页,会在页面滚动到一定的位置时才动态加载页面内容,这样可以加快页面打开的速度,也可以节约带宽,下面的JS代码就可以帮你做到。?123456789101112131415转载 2017-02-04 11:01:18 · 3029 阅读 · 0 评论 -
jquery滚动条加载数据
//滚动条 $(window).scroll(function () { var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); var data = $("#n").text(转载 2017-02-04 11:01:52 · 664 阅读 · 0 评论 -
textarea中限制输入字符长度(实用版)
textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到。与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制以达到预设的需求。通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而实用。假设我们有一个id为 txta1 的textarea文本区,我们可以通过以下代码转载 2017-07-13 16:47:40 · 3554 阅读 · 0 评论 -
使用jquery操作元素的css样式(获取、修改等等)
//1、获取和设置样式$("#tow").attr("class")获取ID为tow的class属性$("#two").attr("class","divClass")设置Id为two的class属性。//2、追加样式$("#two").addClass("divClass2")为ID为two的对象追加样式divClass2//3、移除样式$("#t转载 2018-01-12 09:57:08 · 1814 阅读 · 0 评论 -
jquery删除第二列和第三列
$(function () { $(".TitleTable tr").find("td:nth-child(2)").remove(); $(".TitleTable tr").find("td:nth-child(1)").remove(); });原创 2018-05-25 09:40:15 · 1023 阅读 · 0 评论 -
jquery操作table表格
一、数据准备 <table id="table1"> <tr><th>文章标题</th><th>文章分类</th><th>发布时间</th><th>操作</th></tr>原创 2018-05-25 11:08:08 · 458 阅读 · 0 评论 -
easyui的列表页面和添加修改对话框的整合页面
这个是我在项目里用的jsp页面的easyui的应用。 业务类型 #fm{ margin:0; padding:10px 30px; } .ftitle{ font-size:14px; font-weight:bold; padding:5px 0; margin-bottom:10px; border-bott原创 2016-09-20 10:56:04 · 3039 阅读 · 0 评论 -
easyui的datagrid的js加载
//实现对DataGird控件的绑定操作 function InitGrid(queryData) { $('#grid').datagrid({ //定位到Table标签,Table标签的ID是grid url: '/Menu/FindWithPager', //指向后台的Action来获取当前菜单的信息的Json格转载 2016-09-20 10:16:15 · 5001 阅读 · 1 评论 -
easyui的tabs右键关闭菜单
近期研究了下MenuButton,有了新的感悟,原先在那个DEMO中右键支持做法,现在看来真是小儿科啊!前期的准备工作:1、下载DEMO源码,并升级为最新版本(jquery 1.7.2,Easyui 1.2.6),直接替换就可以啦,升级easyui 是的要把css js theme 全部替换2、在首页的HTML代码中:将 1 div id="mm" class=转载 2016-09-19 12:01:34 · 2198 阅读 · 0 评论 -
jquery $.each遍历json数组方法
http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> jquery $.each遍历json数组方法 var arr = [{ name: "john", lang: "js" },{ name: "nailwl", lang转载 2015-06-15 10:24:20 · 675 阅读 · 0 评论 -
简单的幻灯效果
#test {width: 270px; height: 130px; overflow: hidden; border: 1px solid #333;} #test a {display: block; width: 270px; height: 130px; text-align: center; background: #fff;} #test a img {border: non转载 2015-06-15 10:26:04 · 492 阅读 · 0 评论 -
js显示json数据
json文件是一种轻量级的数据交互格式。一般在jquery中使用getJSON()方法读取。 复制代码 代码如下:$.getJSON(url,[data],[callback]) url:加载的页面地址 data: 可选项,发送到服务器的数据,格式是key/value callback:可选项,加载成功后执行的回调函数 1.首先建一个JSON格式的文件useri原创 2015-07-16 11:38:26 · 2758 阅读 · 0 评论 -
JQuery中国省市区无刷新三级联动查询
JQuery中国省市区无刷新三级联动查询之前有写过用《Ajax控件来实现中国的省市区无刷新查询》今天用JQuery来实现,用Ajax控件和JQuery的优缺点就先不说了。效果图如下:下面来结合代码来详细说明一下如何用JQuery实现。在HTML页的Body标签内添加三个Select选项,分别用于显示省、市、区 select id="S1" >转载 2015-07-16 14:51:14 · 885 阅读 · 0 评论 -
jquery显示json数据
getJSON获取数据 #divframe{ border:1px solid #999; width:500px; margin:0 auto;} .loadTitle{ background:#CCC; height:30px;} $(function(){ $("#btn").click(function(){ $.getJSON("userinf原创 2015-07-16 13:43:18 · 1143 阅读 · 0 评论 -
table中的check列遍历
思路:遍历被选中的checkbox对象→根据选中项筛选出需要删除的行→删除行。实例说明如下:1、HTML结构 123 456 789 1011122、jquery代码$(function(){ $("input[type='button']").click(function() { $("input[name='test']:checked").each(fun原创 2015-09-30 09:52:28 · 2208 阅读 · 0 评论 -
基于jQuery实现复选框是否选中进行答题提示
一、实现的原理:第一步:判断用户选择哪一项,即哪个复选框被选中第二步:根据复选框的选中情况给出相应的提示二、下面来看主体程序:?1234567891011121314151617 "utf-8"/>原创 2015-12-11 09:56:20 · 883 阅读 · 0 评论 -
jquery.pagination.js分页
这一款js分页使用起来很爽,自己经常用,做项目时总是要翻以前的项目看,不方便,这里就把他写出来方便自己以后粘帖,也希望能分享给大家。友情提示下:我有一片博客是用着个js实现的无刷新分页也很好用(这篇写的不是无刷新分页),链接地址为:无刷新分页 jquery.pagination.js参数说明参数名描述参数值maxent原创 2015-11-21 09:48:50 · 807 阅读 · 0 评论 -
jquery增加,删除,修改class的名字
jQuery增加,移除,修改一个html标签的class名字一个标签可以指定多个class1. 增加一个class: $(".default").addClass("hover_s");2. 移除一个class: $(".default").removeClass("default ");3. 修改一原创 2016-04-25 15:09:13 · 1819 阅读 · 0 评论 -
JQuery页面随滚动条动态加载效果实现
Google阅读器上 有一个AJAX scollLoad效果很 不错,就是阅读项目时不需要翻页,浏览器滚动条往下拉到一定位置时自动加载新的一批项目进来,一直到所有项目加载完为止。要知道,数据量增加很频繁时,要通过定位页码来找到目标数据似乎并没有什么意义。我觉得用户 体验成熟的WEB应用程序应当引导用户使用TAG或搜索等功能来找到目标数据。至于浏览数据,尤其是浏览最新的数据,利用浏览器滚动条来加转载 2016-06-02 10:53:20 · 1185 阅读 · 0 评论 -
Ajax动态滚动加载数据
看新浪微博,人人网都有这样的效果:滚动条滚动到最下面的时候,新的数据就被自动加载出来了,今天亲自尝试了一下这个效果的实现。最开始在CSDN上写了一版,功能比较简单,今天又增加了一个小功能:翻页到指定页数后,自动停止。用户点击继续查看后,再继续滚动。看看实现吧:更新核心滚动代码: $(window).scroll(function(){ // 当滚动转载 2016-06-27 13:53:10 · 554 阅读 · 0 评论 -
html5 ajax文件上传的进度条实现
html5 ajax文件上传的进度条实现 html5_2.html #parent{width:550px; height:10px; border:2px solid #09F;} #son {width:0; height:100%; background-color:#09F; text-align:center; line-height:10p原创 2016-08-09 09:53:02 · 3962 阅读 · 0 评论 -
9个主流的前端图表框架
Flot - Flot 为 jQuery 提供的javascript代码库. 容易使用,有特色的图表,提供交互功能(能够放大缩小数据区域等)。是一个纯粹的 jQuery JavaScript 绘图库,可以在客户端即时生成图形,使用非常简单,支持放大缩小以及鼠标追踪等交互功能。该插件支持 IE6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ 以及 Ko转载 2016-09-01 13:24:23 · 26828 阅读 · 1 评论 -
十个前端UI优秀框架
十个前端UI优秀框架最近需要一些前端框架,于是在网上整理了一些感觉不错的前端框架,有pc端和移动端,为了方便日后自己先记录下来了...Bootstrap首先说 Bootstrap,估计你也猜到会先说或者一定会有这个( 呵呵了 ),这是说明它的强大之处,拥有框架一壁江山的势气。自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者废的决心,来让自己成长。结果受到周围各种基友的引诱开始了...原创 2019-03-07 14:45:58 · 2237 阅读 · 0 评论