javascript和jQuery
文章平均质量分 71
紫枫叶520
这个作者很懒,什么都没留下…
展开
-
js转换时间戳与日期
//时间戳转换成日期格式function formatDate(times){ var date = new Date(parseInt(times)); var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate(); var h = date.getHours();原创 2018-01-12 15:07:01 · 202 阅读 · 0 评论 -
js分页小组件,关于回调
前端随便弄了个静态页面,用文本写了个分页,所以自己修改接口和js,临时做了个分页小插件在获取数据后(数据展示省略),将参数带入下面的方法,组成分页组件因为页面是用tab页组成,页面好几个tab公用一个分页组件,所以在onclick中还要判断点击的是哪个tab的分页,决定发送请求的接口,现在用回调方法可以解决直接把要触发的事件作为onclick事件里面的参数,在点击之后,直接执行作为参数方法原创 2017-12-07 13:16:43 · 419 阅读 · 0 评论 -
jQuery制作分页插件
一款自己用jQuery做的分页插件。1、html页面部分 pageBar .bar{ display:inline-block; line-height:22px; width:45px; border-radius:5px; border:2px solid #CA8EFF; margin-left:3原创 2016-08-17 23:40:14 · 432 阅读 · 0 评论 -
PC端页面,向下滚动鼠标,加载下一页数据列表
1.页面使用的是vue2.vue的data中,定义需要的参数://滚动的时候是否加载,默认false loadFine: false, //列表 listFine: [], //加载的时候,当前页 page: 1, //每次加载10条 pageSize: 10,3.div中,使用 @scroll 触发滚动鼠标的事件<div class="file-list" ref="fineRef" @scroll="getMore"> <div class="c原创 2020-10-27 14:09:36 · 1086 阅读 · 0 评论 -
jQuery编写分页插件,页面引入即可调用
之前写过分页插件,后来用到项目里去了,测试的时候有不少bug,优化后的代码,记录下来,以后备用htmlPageBar var total=200; var pageSize=10; $(function(){ draw(); }); function draw(param){ var param={currPage:1,p原创 2017-08-01 16:30:17 · 469 阅读 · 0 评论 -
js简单分页,只有上一页和下一页
/*制作分页 *参数分别为,目标位置id,数据总数,当前页,每页显示条数,回调函数(即,点击分页按钮触发的方法) *其中class为pagebar_1和pagebar_2的区别是能上一页和下一页能否点击,以及颜色变化*/function getPageBar(targetId,total,currPage,rows,func){ var totalPage=Math.ceil(total原创 2018-01-12 15:22:28 · 15453 阅读 · 5 评论 -
jQuery编写动态评分小星星的插件
工作需要,同事用js写了一个动态的评分小星星的插件,感觉很有兴趣,于是捉摸着,用jQuery写了一个小插件。一、主要思路1 把静态的,没有效果的星星模型做出来,用css把样式调整好。2 当鼠标放上去,会获得当前星星的索引index,然后遍历所有的星星元素,根据索引,比当前index小的星星,全部点亮。3 当点击鼠标时,会先将所有的星星熄灭,然后获得点击星星的索引index,遍历星星原创 2016-08-09 21:55:07 · 1047 阅读 · 0 评论 -
jQuery插件编写的原理
想写一个jQuery的小插件,可是没接触过,上网看别人的也看不懂,现在也算看出一点小小的原理了1.类级别插件,直接jQuery.xxx()或$.xxx()调用,类似$.ajax(); //全局函数 $.foo=function (){console.info('foo')} $.foo(); //jQuery.extend() $.extend({ test1原创 2016-08-06 21:29:03 · 507 阅读 · 0 评论 -
jQuery的event.target
无标题文档$(function(){ $("li").live("click",function(data){ $("#temp").html("clicked: " + data.target.nodeName); //$(this).css("color","#FF3300");//效果与下面一样 $(data.target).cs原创 2016-03-16 13:38:27 · 435 阅读 · 1 评论 -
javascript中,typeof和instanceof
JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空,是否存在,或者是什么类型的。1.typeoftypeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。它的返回值是一个字符串,表示运算数的类型。返回值有6种:1. 'undefined' --- 这个值未定义;2. 'boolean' --- 这个值原创 2016-06-02 16:33:41 · 259 阅读 · 0 评论 -
js和jQuery遍历json对象和数组
javascript和jQuery遍历数组,json对象和json数组的多种方法。/* * jquery each()筛选遍历数组 */ function eachArray(){ var anArray = ['zero','one','two']; $.each(anArray,function(index) { console.log(index);原创 2015-12-11 17:12:28 · 594 阅读 · 0 评论 -
JavaScript获取当前项目各种路径
主要用到Location 对象,包含有关当前 URL 的信息,是 Window 对象的一个部分,可通过 window.location 属性来访问。方法一 (window.document.location.href/window.document.location.pathname) ------------方法二(window.location.pathname/window.loca转载 2015-11-10 16:09:47 · 730 阅读 · 0 评论 -
jQuery实现复选框全选功能
使用jQuery实现复选框的功能,子框全选后,复选框自动选中;子框有一个未选中,复选框自动切换到未选中状态js代码部分如下: function doCheck(obj){ var isCheck=obj.checked; var inputs=$("input[name='one']"); for(var i=0;i<inputs.length;原创 2015-05-30 13:33:58 · 690 阅读 · 0 评论 -
checkBox复选框,获得选中那一行所有列的数据
JSP页面 小花 18 小草 20 小树 19 jsfunction showCol(){ var check=$("input[name='one']:checked");//选中的复选框 check.each(function(){ var row=$(this).parent("td").parent("tr原创 2015-07-08 21:55:11 · 13904 阅读 · 1 评论 -
基于jsp和servlet,通过复选框实现批量删除的功能
第一次写博客,有点小激动啊。。。在gong原创 2014-07-01 22:27:14 · 6768 阅读 · 0 评论 -
jQuery学习笔记1
工作中常用到一些零碎但却fei原创 2014-07-22 22:07:24 · 424 阅读 · 0 评论