
jquery
飞向Hadoop
这个作者很懒,什么都没留下…
展开
-
出现$(#form).validate is not a function的问题
最近为项目写cms系统,在新增/编辑文章的页面,一些input诸如文章题目,作者等等需要验证是否已经填写,于是使用jquery.validate.js来做这个工作,自己写了个验证的validate.js。然后运行了下,发现出了$(#contentForm).validate is not a function的错误,反复检查了ID名字拼写,自己写的JS的语法等等,都没发现错误,正惆怅中,突然想到可转载 2015-03-11 10:08:08 · 1400 阅读 · 0 评论 -
flexigrid开发技巧
链接如下:http://www.youkuaiyun.com/tag/flexigrid/blog原创 2015-05-22 14:44:23 · 371 阅读 · 0 评论 -
jQuery插件flexigrid使用总结
原文链接:http://matychen.iteye.com/blog/611837一、参考资料1、jQuery插件flexiGrid的完全使用,附代码下载2、修改flexigrid源码一(json,checkbox)[原创]3、jQuery +UI + flexigrid做的一个用户管理界面4、ASP.NET MVC Flexigrid sampl转载 2015-05-22 14:45:52 · 411 阅读 · 0 评论 -
移动设备自定义面板切换
js:$(function(){$(".lt_btll input").click(function(){ $(this).addClass("bt_active").siblings().removeClass("bt_active"); var idName = $(this).attr("id"); $("#" + idName + "_" + "con").s原创 2016-03-08 20:23:20 · 492 阅读 · 0 评论 -
js冒泡/捕获事件及阻止冒泡方法详细总结
javascript, jquery的事件中都存在事件冒泡和事件捕获的问题,针对这两个问题,本文给出详细的解决方法,需要的朋友不要错过javascript, jquery的事件中都存在事件冒泡和事件捕获的问题,下面将两种问题及其解决方案做详细总结。事件冒泡是一个从子节点向祖先节点冒泡的过程;事件捕获刚好相反,是从祖先节点到子节点的过程。给一个jquery点击事件的例子:代码如下转载 2016-02-24 17:21:22 · 576 阅读 · 0 评论 -
JS的事件对象和事件冒泡
1、事件对象 js的事件对象中保存了当前被触发事件的一些相关的属性信息,如事件源、事件发生时的鼠标位置、事件按键等。 事件对象的获取方法: IE中可以window.event直接获取,而Firefox中则不可以,可通过如下方法获取: 1)var event = window.event || arguments.calle转载 2016-02-24 17:22:32 · 474 阅读 · 0 评论 -
Jquery tab插件wdScrollTab 在chrome中出现不兼容的问题
先贴上jsp里面调用的代码[javascript] view plain copy var gh ="${teacher.GH }"; var grjlurl = _webRootPath + "content/search/teacher/teacher.grjl.jsp?gh="+gh; var转载 2016-06-12 08:41:32 · 862 阅读 · 0 评论 -
html树形菜单控件
jQuery plugin: Treeview 这个插件能够把无序列表转换成可展开与收缩的Tree。主页:http://bassistance.de/jQuery-plugins/jquery-plugin-treeview/下载:http://jquery.bassistance.de/treeview/jquery.treeview.zip示例:ht转载 2016-06-12 08:44:58 · 6272 阅读 · 0 评论 -
bootstrap-datepicker 插件修改为默认中文 - cnhxz
bootstrap-datepicker 是一个非常优秀的时间选择插件,默认是英文显示日期的,通过下面几个小修改让其支持默认中文1、首先将 bootstrap-datepicker.js 另存为 utf-8 格式保存2、增加 cn 语言选项 var dates = $.fn.datepicker.dates = { en: {转载 2016-06-12 17:24:36 · 700 阅读 · 0 评论 -
jquery、js调用iframe父窗口与子窗口元素的方法整理
1. jquery 在iframe子页面获取父页面元素代码如下$("#objid", parent.document)2. jquery在父页面 获取iframe子页面的元素代码如下:$("#objid",document.frames('iframename').document)3.js 在iframe子页面获取父页面元素代码如下:indow.paren原创 2016-06-29 08:07:47 · 1407 阅读 · 0 评论 -
jQuery.extend 函数详解
JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并转载 2016-06-29 08:24:00 · 252 阅读 · 0 评论 -
easyui-tabs第一个标签的标题被遮挡问题
同时引入ootstrap.css和easyui.css会带来冲突:主要体现在搜狗、谷歌浏览器中使用easyui-tabs时布局的时候发觉第一个标签高度不能全部显示出来,,但是点击一下第二个标签再点击一个标签又恢复想要的效果了,这里处理的方式是通过替换bootstrap的css , 采用的是bootstrap4.css原创 2016-06-13 12:02:28 · 1168 阅读 · 0 评论 -
jQuery创建平滑的页面滚动(顶部或底部)
Scroll to bottomjQuery $(document).ready(function(){ // Scroll page to the bottom $('a.scrollToBottom').click(function(){ $('html, body, .content').animate({scrollTop: $(document).height()}, 300原创 2016-07-13 14:31:51 · 404 阅读 · 0 评论 -
jQuery选择器和选取方法
我们已经使用了带有简单Css选择器的jQuery选取函数:$()。现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了。 一、jQuery选择器在CSS3选择器标淮草案定义的选择器语法中,jQuery支持相当完整的一套子集,同时还添加了一些非标准但很有用的伪类。注意:本节讲述的是 jQuery选择器。其中有不少选择器(但不是全部)可以在CSS样式表中使用转载 2016-07-19 15:02:51 · 2096 阅读 · 0 评论 -
marguee实现最新公告动态轮播效果
最新公告动态轮播效果 测试数据第一条 测试数据第二条 测试数据第三条 测试数据第四条 测试数据第五条 测试数据第六条 测试数据第一条 测试原创 2015-10-08 10:07:30 · 720 阅读 · 0 评论 -
js控制一个三角图片的旋转
$(function() { var $elie = $("#bkgimg"); rotate(0); function rotate(degree) { // For webkit browsers: e.g. Chrome $elie.css({ WebkitTransform: 'rotate(' + d原创 2015-11-16 15:56:13 · 1685 阅读 · 0 评论 -
jquery自定义check选择框
css:.account_withdraw_div1_body_dv2_li4_ul {margin-left:135px;width:240px;height:40px;cursor:pointer;}.account_withdraw_div1_body_dv2_li4_sp1 {width: 20px;font-size: 14px;float: le原创 2015-04-30 15:54:06 · 653 阅读 · 0 评论 -
jQuery轮播图效果+ bxCarousel实现图片滚动切换效果+Mootools Videobox实现视频图片弹出类lightbox效果
一、BxCarousel实现图片滚动切换BxCarousel是一个具有众多配置且易用的Jquery图片滚动插件,特征主要有:◆ 可以指定显示的元素总数◆ 可以指定每次滚动的元素个数◆ 自动播放模式◆ 前一张/后一张按钮控制图片流动参数含义:display_num:显示元素的数量,几张图片move:单击左右控制键时,移动的元素个数,此处为移动2张图片转载 2015-05-05 16:28:39 · 2151 阅读 · 0 评论 -
jQuery 效果- 隐藏和显示
jQuery hide() 和 show()通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:实例$("#hide").click(function(){ $("p").hide();});$("#show").click(function(){ $("p").show();});语法:原创 2015-05-13 12:12:02 · 413 阅读 · 0 评论 -
jquery实现标签切换效果
js文件$(function() { $(".account_index_div3_body ul li").click(function(){ $(this).addClass("account_index_div3_div1_li1_litt").siblings().removeClass("account_index_div3_div1_li1_litt"); var原创 2015-04-27 17:42:03 · 711 阅读 · 0 评论 -
使用jquery模拟select下拉框
js:$(function(){ $(".account_withdraw_dv5_li3_dropdown_select").click(function(){ var ul = $("#account_withdraw_dv5_li3_dropdown ul"); if(ul.css("display")=="none"){ ul.slideDown("fa原创 2015-04-30 15:38:49 · 546 阅读 · 0 评论 -
jQuery滚动轮播插件onepage-scroll
html中代码:.page1 { background-color: #1bbc9b;}.page2 { background-color: #FF7F50;}.page3 { background-color: #4BBFC3;}.page4 { background-color: #f90;}p.title { position: relative; top:原创 2015-05-13 15:46:10 · 1320 阅读 · 0 评论 -
使用jquery的click事件显示隐藏div
使用问题jquery的click事件显示隐藏多个面板的div时,出现问题,后面查看分析得知,应该是不能重复使用id,需要重新定义id。原创 2015-05-26 16:41:09 · 1518 阅读 · 0 评论 -
使用jquery实现上下左右移动效果
1 2 3 4 5 6 7 8 9 10 11原创 2015-05-29 12:13:22 · 3280 阅读 · 0 评论 -
jquery this里面的对象(div,span等元素)如何获取
JS代码$('#aaa').click(function(){//如果想控制里面的span怎么办呢?$('>span',this).addClass('bbb');//这个就是取得当前元素里的某个符合条件的元素});转载 2015-05-29 18:40:21 · 6079 阅读 · 0 评论 -
jQuery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">转载 2015-05-22 14:52:33 · 633 阅读 · 0 评论 -
与"jQuery"标签相关的代码 - OPEN代码分享
原文链接:http://www.open-open.com/code/tags/jQuery原创 2015-05-22 14:52:32 · 356 阅读 · 0 评论 -
jquery实现点击父类中的子类下的子类a,控制父类下的子类b的变换
$(document).ready(function(){$(".b").hide();//给所有的父类ul添加事件$(".a").click(function(){$(">.b",$(this).parent().parent()).toggle();});});原创 2015-06-10 10:18:20 · 2881 阅读 · 0 评论 -
自定义分页下拉框
html:/js/paginationdiplay.js">/css/paginationdiplay.css" rel="stylesheet" type="text/css" />112345678/共1页css:/********分页公共部分css*原创 2015-06-30 16:37:01 · 1870 阅读 · 0 评论 -
iframe局部刷新的二种实现方法
一、iframe实现局部刷新方法一 $(function(){ $("#a1").click(function(){ var name= $(this).attr("name"); $("#iframe").attr("src",name).ready(); }) $("#a2").click(function(){ var n转载 2017-02-22 16:32:12 · 780 阅读 · 0 评论