web前端
关注
分享
扫一扫
二到家的小熊
这个作者很懒，什么都没留下…
展开
-
jQuery的各种插入方法
工作中经常会用遇到向DOM树中插入元素的问题，jQuery中有几个方法可以很好地解决问题，但是经常把他们的用法弄混淆，今天任务之余总结如下： 1、append（）也是最常用的一种方法 。 它的功能是： 向要插入的父元素的最后一个子节点后面依次插入元素 插入前的DOM树是这样的：原创 2016-01-19 16:50:22 · 887 阅读 · 1 评论 -
Bootstrap--BootstrapDialog
这里有两种展现方式 写在前面：首先你要引入的库有 css : bootstrap.min.css bootstrap-dialog.css js : jquery-1.11.1.min.js bootstrap.min.js bootstrap-dialog.js1、通过html代码显示 <!-- Button trigger modal 弹出框的触发器 --原创 2017-02-16 17:42:08 · 6232 阅读 · 0 评论 -
数组中出现次数最多/最少的元素
先说一下思路吧 首先定义一个对象 然后遍历数组 对象的key用于存放数组的元素 val用于存放元素出现的次数 看一下代码吧 var arr = [1,1,2,2,2,2,2,3,3,3,4,4]; var obj = {}; for(var i = 0; i<arr.length; i++){ if(!obj[arr[i]]){原创 2016-12-21 17:24:27 · 2844 阅读 · 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 评论 -
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 直接看代码吧<input type="checkbox" id="checkbox_a1" class="chk_1" /><label for="che原创 2016-08-29 17:05:42 · 1779 阅读 · 0 评论 -
如何监听checkbox是否被选中
工作中会经常遇到根据checkbox是否被选中而做一些事件处理，也就是监听checkbox是否被选中，其实实现的原理很简单 现总结如下：首先判断checkbox如何才是被选中，经本人亲测 有如下四种方法：一：`if($("input").attr("checked") == true){ // do something}二： if($("input").attr("checke原创 2016-08-29 15:29:02 · 51820 阅读 · 2 评论 -
JS--遍历DOM树
js官方文档给出的遍历DOM树的刚发是： 父节点—ele.parentNode 子节点—ele.childNode 第一个子节点—firstChild 最后一个子节点—lastChild 上一个兄弟节点—previousSibling 下一个兄弟节点—nextSibling 通过属性获取元素： document.getElementById(); —通过ID document.ge原创 2016-03-24 17:01:51 · 1554 阅读 · 0 评论 -
事件对象和事件冒泡
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 评论 -
一个最简单的模态框模板~
之前工作中经常用到模态框，早就想总结一下可苦于一直没有时间，今天忙里偷闲小结如下： 这里只是一个最简单的模态框哦~~ 先看一下效果吧： 因为实在是太简单了 所以还是直接上代码吧<head lang="en"> <meta charset="UTF-8"> <title></title> <style> body { font-原创 2016-02-19 11:08:50 · 5812 阅读 · 0 评论 -
密码框的提示信息的显示问题
今天工作中遇到一个这样的问题：我想给密码框一个‘请输入密码’的提示。想要的效果大概是这个样子： 可是如果把input的类型写成password（<input type='password' value='enter your password!' />）的话得到的效果就是这样的： 因为input的类型是password所以浏览器会自动把value值解析成‘圆点’。这个时候有些朋友就会说了原创 2016-02-19 10:06:01 · 2607 阅读 · 1 评论 -
好用的jquery分页插件 kkpager
今天用到用到一个jQuery的分页插件 简单好用分享给大家 先看看效果吧 需要的类库请到[http://www.jq22.com/jquery-info2705]下载 这个插件用起来非常简单 第一步 引入相应的库文件 第二部 做相应的配置 直接看代码吧<script> function getParameter(name) { var reg原创 2016-01-08 10:33:26 · 2311 阅读 · 0 评论 -
jqGrid之真分页
写在前面： 之前的工作中需要用到jqGrid用来展示数据，看中的就是其简约的UI风格和方便的配置还有它排序和分页的功能也很方便。之前的数据量都不大最多也就几百条（就直接全部查出所有数据再界面渲染也就是加分页）。可是最近的工作中需要满足快速展示几万条数据的需求。这就不得不用真分页了。 实现起来也很简单： 1、后台返回数据格式要求：原创 2017-04-10 17:47:09 · 6826 阅读 · 2 评论