使用jquery的小记

随便写点 1.给span这种标签赋值不能用$("#id").val("abc"); 因为这种标签没有value属性而应该用$("#id").html("abc");来赋值 2.jquery选择器 $('.receive .dialogCont p>img').click(function(){ });…

字符截取显示 var text = $(".content").text(); var textNum = text.length; var textInt = text.slice(0,140); $(".content").each(function () { if (textNum >= 160) { $(this).html(textInt + "…" + "详细") $(".dis_btn"…

jquery的一些select操作小记

添加option $("#ID option").each(function(){ if($(this).val() == 111){ $(this).remove(); } }); 移除option $("<option value='111'>UPS Ground</option>").appendTo($("#ID")); 取得下拉选单的选取值 $(#testSelect option:selected').text…

JQuery jsonp使用小记

在一个不支持PHP的主机上,需要对某些页面做访问统计.我的方案是在静态的HTML页面上,用JSONP向能够执行PHP的主机进行跨域请求,从而使用PHP解决这个访问量统计问题. 在服务器端,PHP页面返回的JSONP格式应该是这样的: <?php echo $_GET["callback"].' ( { title: "The Principles of Beautiful Web Design, 2nd Edition", url: "http://…

jQuery中的事件监听小记

一,一个事件监听的简便写法最近发现一个jQuery中事件监听的简洁写法,感觉方便好多.同时也深感自己基础薄弱,好多东西竟然都模棱两可.因此,记录的同时,也对jQuery事件监听做个小的总结原文链接:http://blog.csdn.net/luyinchangdejiqing/article/details/52413368 //鼠标拖拽触发动画 $(".item-wrap").on({ mousedown: function(e) { var el = $(this); var…

5-15 bootcss 之 modal 以及 jquery ui 之datepicker 小记

最近公司在用bootstrap和Jquery UI做项目,类似与OA的东西前两天碰到点问题,记录一下.希望读者不要在遇到和我一样的问题. 1 datepicker.不知道怎么自己下载的bootcss里面没找到datepicker,于是就选了Jquery UI的datepicker.使用的时候要注意两个问题. 如果页面上多个input ,并且id都是input1,那么在页面载入完成的时候调用$('#input1').datepicker(option),得到的结果是只有第一个成功格式化成datep…

jQuery.getJSON()方法小记

今天看了下jQquery中的getJSON()方法,做点小结: 原型: jQuery.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] ) This is a shorthand Ajax function, which is equivalent to 官网解释:意思是$.getJSON是Ajax方法的简写,等价于下面的写法: $.ajax({ dataType: "json", url: url, data:…

Jquery AJAX使用踩坑小记

在使用jquery ajax时,如果其参数是一个json对象,将此参数使用$('#dd').data(param)绑定到一个元素上, 在使用$('#dd').bind('click',function(){});绑定事件, 在用$('#dd').data()取出此param对象,param对象中会包含jquery对象的元信息此时在使用jquery ajax发送此参数时,会导致ajax无限循环序列化此参数对象浏览器显示正在处理,请求发不出去.…

jQuery遇到问题的小记

对jQuery动态加载到页面的数据进行处理的时候,要首先保证数据已经加载到页面上了.否则,处理不生效. 所以处理的代码应该保证在加载数据代码的后面. 这个问题源于对js的加载运行过程不熟悉.应该去了解一下…

Jquery中dialog属性小记

代码如下: $('#dialogDiv').dialog( { hide:true, //点击关闭是隐藏,如果不加这项,关闭弹窗后再点就会出错. autoOpen:false, height:380, width:800, modal:true, //蒙层(弹出会影响页面大小) title:'开标人', overlay: {opacity: 0.5, background: "black" ,overflow:'auto'}, buttons:{ '确定':function(){ //…

jquery中的一点工作小记

在做一个页面的时候,网页中由许多块相同的地方 ,例如页面中会有多个地方用到TAB 效果,在使用each()遍历以后不一定会正常显示,这是因为写的html静态页面中只有当前板块中有这个的类,若是用JS动态改变当前的类名的话,文件不一定会正常加载,因此应当使用通用的类名 ,而不应该使用当前的类名. 例如:…

DIV滚动条滚动到指定位置（jquery的position()与offset()方法区别小记）

相对浏览器,将指定div滚到到指定位置,其用法如下 $("html,body").animate({scrollTop: $(obj).offset().top},speed); ps:obj是需要定位的对象,speed是滚动的速度然而需要相对某一个容器(称之div1),将其内部的div2滚动到相对div1的指定位置,用法如下: $("div1").animate({scrollTop: $("div2").position().top},sp…

JQuery miniui使用小记

1.renderer="onActionRenderer" 如我们需要在一行数据时加上删除操作时,就需要在每行上加上“删除”按钮,以下为实现代码: 列加载时主要的属性…

东哥读书小记之《MacTalk人生元编程》

一直以来的自我感觉:自己是个记性偏弱的人.反正从小读书就喜欢做笔记(可自己的字写得巨丑无比,尼玛不科学呀),抄书这事儿真的就常发生俺的身上. 因为那时经常要背诵课文之类,反正为了怕自己忘记,所以一边抄书一边背书.延伸到现在就变成做读书笔记,把书中喜欢的段落和句子都记录下来,偶尔穿插自己的感受,所以读书小记是我的最爱,不过只有好书才值得这么做(遇到一本好书本身就是件幸福的事情,且读且珍惜). PS:我会告诉你其实笔记在某些关键时刻就变身为“小超”木 :) 在未婚之…

grunt使用小记之开篇：grunt概述

Grunt是什么? Grunt是一个自动化的项目构建工具.如果你需要重复的执行像压缩,编译,单元测试,代码检查以及打包发布的任务.那么你可以使用Grunt来处理这些任务,你所需要做的只是配置好Grunt,这样能很大程度的简化你的工作. 如果在团队中使用Grunt,你只需要与其他人员约定好使用Grunt应该规避的问题,就能够很方便的自动化的处理大部分的常见工作任务,你所付出的努力几乎为0. 为什么要使用Grunt? Grunt是一个庞大的生态系统,每天都在成长.你可以自由的选择数以百计的插件以帮助…

【JavaScript】JQuery中$.fn、$.extend、$.fn.extend

Web开发肯定要使用第三方插件,对于一个炫丽的效果都忍不住想看看对方是如何实现的,刚下载了一个仿京东商品鼠标经过时局部放大的插件.看了两眼JQuery源码,看看就感觉一头雾水.JQuery本来自己学的就半吊子,再加智商又不惊人...当开发插件的时候难免会使用$.fn与$.extend.原来看到这个时候非常抵触,今天再次看到的时候简单的查了查外加一个Demo实验了一下.以下为几分钟补脑后的小记,如有错误请大神急时指出以免误导他人. 进入正题: 1.$.fn.[UserDefinitionName]…

php中ajax跨域请求---小记

php中ajax跨域请求---小记前端时间,遇到的一个问题,情况大约是这样: 原来的写法: 前端js文件中: $.ajax({ type:'get', url:'http://wan.xxx.com/xxx.js', success:function(data){ ......... } }) 很简单的一个ajax请求:后面在做迁移的时候,由于系统目录的安排,js文件放到了,img.xxx.com域名下,这样就设计到了跨域问题,于是就改成了这样: $.ajax({ type:'get',…

Jquery EasyUI中treegrid

Jquery EasyUI中treegrid的中右键菜单和一般按钮同时绑定事件时的怪异事件 InChatter系统开源聊天模块前奏曲最近在研究WCF,又因为工作中的项目需要,要为现有的系统增加一个聊天模块以及系统消息提醒等,因此就使用WCF做服务器端开发了一个简单的系统. 开发最初学习了东邪孤独大哥的<传说的WCF系列>,文章写的很好,有兴趣的朋友也可以参考写,文章深入浅出,非常不错,坚持看完,相信在WCF方面可以入个门了,而且听说孤独大哥也来到的博客园呢~ 上面绝非广告,完全是真心的感…

jQuery 插件 Magnify 开发简介（仿 Windows 照片查看器）

前言因为一些特殊的业务需求,经过一个多月的蛰伏及思考,我开发了这款 jQuery 图片查看器插件 Magnify,它实现了 Windows 照片查看器的所有功能,比如模态窗的拖拽.调整大小.最大化,图片的缩放.平移.旋转,键盘控制等.插件的样式都是最基础的 CSS,定制非常容易,可以轻松修改成自己喜欢的样式.随后会陆续发布 React 及 Vue 相关版本的插件.本文主要介绍插件的特点及使用方法,而关于插件开发的细节将会在之后的具体文章中说明. Github: https://github.c…

jQuery 图片查看插件 Magnify 开发简介（仿 Windows 照片查看器）

前言因为一些特殊的业务需求,经过一个多月的蛰伏及思考,我开发了这款 jQuery 图片查看器插件 Magnify,它实现了 Windows 照片查看器的所有功能,比如模态窗的拖拽.调整大小.最大化,图片的缩放.旋转,平移.键盘控制等.插件的样式都是最基础的 CSS,定制非常容易,可以轻松修改成自己喜欢的样式.随后会陆续发布 React 及 Vue 相关版本的插件.本文主要介绍插件的特点及使用方法,而关于插件开发的细节将会在之后的具体文章中说明. Github: https://github.c…

select2插件使用小记2 - 多选联动 - 笔记

这是select2插件使用的第二篇,可参考第一篇 select2插件使用小记.上一篇主要是关于基本的使用,这篇主要是关于多选,及联动的.侧重点不同. 效果图如下: 遵从W3C标准:结构.样式.行为.以下分别是html.css.js代码. html主要代码如下: 多选:需要设值select元素 - name="name[]" , 及 multiple="multiple". <div class="form-wrap"> <div…

Kendo UI使用小小记

之所以说小小记,是因为我根本没有好好用它,只是正好前些日子接触了一下,觉得还不错,随手记记~ 契机我从加入现在这个公司以来,半专业的承担了很多前端相关的事情,用过不少前端框架,也为框架和原生的页面写了不少部件和功能,对于IE系列浏览器的憎恶也与日俱增.“每个程序员都有一个框架梦”,我一直也想着要写一个适用于自己和自己公司的前端框架,同事和领导有时候也会这么对我期望,而我自己很清楚,没有时间没有精力其实都是借口,最大的问题,还是没有能力没有经验. 我是jQuery派,当然MooTools.Doj…

Githun&HEXO建站小记

title: 建站小记 date: 2018-03-04 11:10:54 updated: 2018-03-06 12:00:00 tags: [hexo,next,建站,学习,前端技术,折腾,博客,记录] description: keywords: comments: image: --- 前言三月四日,建站小记. 开学事情不算多,在这个还未适应学习的时间,得找一些事情来避免这段时间被浪费掉,正好搞个blog,有兴趣,也不算完全浪费时间. 博客基本已经不被大众使用了,还在使用的多半都是些…

Angular杂谈系列1-如何在Angular2中使用jQuery及其插件

jQuery,让我们对dom的操作更加便捷.由于其易用性和可扩展性,jQuer也迅速风靡全球,各种插件也是目不暇接. 我相信很多人并不能直接远离jQuery去做前端,因为它太好用了,我们以前做的东西大多基于jQuery和它的插件.而且现在Angular2的组件生态还不是很完善,我们在编写Angular的时候也许会想要用到jQuery.本篇文章就简单介绍下在Angular2中使用jQuery 如果你不知道怎么搭建Angular2开发环境,请参考我之前写这篇文章:Angular2入门系列教程1-使用…