
jQuery
二到家的小熊
这个作者很懒,什么都没留下…
展开
-
jQuery的各种插入方法
工作中经常会用遇到向DOM树中插入元素的问题,jQuery中有几个方法可以很好地解决问题,但是经常把他们的用法弄混淆,今天任务之余总结如下: 1、append()也是最常用的一种方法 。 它的功能是: 向要插入的父元素的最后一个子节点后面依次插入元素 插入前的DOM树是这样的:原创 2016-01-19 16:50:22 · 887 阅读 · 1 评论 -
jquery之$.each()
jQuery的$.each()方法和原生js的foreach方法功能类似,但用起来更加简单方便。 一:遍历一维数组 var arr = ["aa","bb","ccc"]; $.each(arr,function (index,val){ console.log(index); console.log(val); }); console.lo原创 2016-09-20 14:53:07 · 316 阅读 · 0 评论 -
ajax提交表单--ajaxSubmit
最近工作中有这样的需求:上传文件的同时不能跳转页面。我们知道ajax请求不会跳转页面但是不能提交表单,form提交不能局部刷新页面。所以这两种提交方式都不能满足即提交表单又不跳转页面的需求。恰巧jQuery的ajaxSubmit满足需要。现在简单说说ajaxSubmit的用法: ajaxSubmit的用法很简单 类似于ajax的用法,废话不多说直接看代码吧 var options = {原创 2016-09-19 17:49:47 · 1320 阅读 · 0 评论 -
如何监听checkbox是否被选中
工作中会经常遇到根据checkbox是否被选中而做一些事件处理,也就是监听checkbox是否被选中,其实实现的原理很简单 现总结如下:首先判断checkbox如何才是被选中,经本人亲测 有如下四种方法:一:`if($("input").attr("checked") == true){ // do something}二: if($("input").attr("checke原创 2016-08-29 15:29:02 · 51820 阅读 · 2 评论 -
事件对象和事件冒泡
1、事件对象 js的事件对象中保存了当前被触发事件的一些相关的属性信息,如事件源、事件发生时的鼠标位置、事件按键等。 事件对象的获取方法: IE中可以window.event直接获取,而Firefox中则不可以,可通过如下方法获取: var event = window.event || arguments.callee.caller.arguments[0]; 2、事件源原创 2016-02-25 13:48:13 · 389 阅读 · 0 评论 -
自动匹配显示位置的提示框--Auto_Tooltip
最近工作中需要用到提示框(ToolTip) 在网上找了很多插件 不是兼容性不好就是不能自动匹配显示位置等问题。遂自己开发了一个简单易用的提示框。这是一个简单的提示框插件 欢迎大神们指导。也欢迎童鞋们丰富出更加炫酷的样式更加牛叉的功能!!!一 、特点: 1、不存在兼容性问题 能兼容最低版本的IE。 2、自动匹配显示位置。 3、轻量级,简单易用。 示例: <a href=原创 2016-03-21 17:28:35 · 3046 阅读 · 0 评论 -
jQuery之尺寸
今天工作之余 难得清闲 拿来jQuery翻阅 发现很多常用且琐碎的知识点 先整理一二! 工作中会经常会有计算DOM元素尺寸的场景 今天咱就说说jQuery尺寸的一二事。 总的来说 jQuery中用于计算尺寸的方法有这么几个: width() height() innerWidth() innerHeight() outerWidth() outerHeight() 用一张图就再能说原创 2016-02-24 16:39:32 · 332 阅读 · 0 评论 -
jQuery动画之animate()
jQuery的animate方法允许你自定义动画效果,它最基本的语法是:$(selector).animate({params},speed,callback); 必需的 params 参数定义形成动画的 CSS 属性。 可选的 speed 参数规定效果的时长。它可以取以下值:”slow”、”fast” 或毫秒。 可选的 callback 参数是动画完成后所执行的函数名称。 1、最简单的an原创 2016-02-24 15:53:14 · 572 阅读 · 0 评论 -
jquery的$().each,$.each的区别
在jquery中,遍历对象和数组,经常会用到$().each()和$.each(),两个方法。两个方法是有区别的,从而这两个方法在针对不同的操作上,显示了各自的特点。$().each,对于这个方法,在dom处理上面用的较多。如果页面有多个li标签,对于这时用$().each来处理多个li,例如: $("button").click(function(){ $("li").each(fun原创 2016-03-31 11:10:41 · 707 阅读 · 0 评论 -
jqGrid之重新加载数据
近来工作市场用到jqgrid这个插件,主要用于呈现表格的功能,有些心得做一小结。 首先要引入 jquery.jqGrid.min.js 文件 HTML结构部分很简单:<table id="jqGrid_ds_left"></table><div id="jqGridPager"></div>其次就是必须的配置信息了://这里给出一个模板数据dgDataLeft =[ {dataTy原创 2016-10-27 20:21:27 · 36566 阅读 · 4 评论