Jquery文章/教程

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。

javascript/Jquery 将字符串转换成变量名

var a = ['a', 'b', 'c'] var obj = {} for(i = 0; i < a.length; i++){ obj[a[i]] = "abc" + 1 } alert(obj.a) alert(obj.b) alert(obj.c) 如果不想使用obj 可以为 for(i = 0; i < a.length; i++){ wind »

jquery-easyui中datagrid的单击删除此行

最近在easyui的项目开发,easyui封装了许多方法,用起来很方便,但同时也遇到了不少的问题。 如果在datagrid中直接将index传给easyui自带的deletRow方法来删除当前点击行,一开始并没有问题,但是当连续删除的时候就或出问题了。 原因是datagrid行是根据datagrid-row-index和datagrid-row-r1-x-x来定位行的,如果一开始就将该行的inde »

Jquery AutoComplete实现搜索自动完成

AutoComplete控件就是指用户在文本框输入前几个字母或是汉字的时候,该控件就能从存放数据的文本或是数据库里将所有以这些字母开头的数据提示给用户,供用户选择,提供方便。 例子: 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 &amp »

jquery中常见的标题内容之间的切换

昨天在做后台组的一个小功能的时候遇到的,很基础,但是也很常用,记下来大家一起学习。 比如,需要的是这样子的一个功能,如下图: 最上面一行的的标题和侧面的标题都是可以互相切换的。这个效果很常见,在浏览网页的时候。 首先我们先说下标题之间的切换,完了之后再说标题和内容一起切换。。 我给最上面那排的每一个标题统一的类名是top,然后将点击过后呈现的样式写在了.hover里面。 用jquery操作: $ »

Jquery的bind跟on绑定事件的区别

Jquery的bind跟on绑定事件的区别:主要是事件冒泡(事件代理); jquery文档中bind和on函数绑定事件的用法: .bind(events [,eventData], handler) .on(events [,selector]  [,data], handler)   从文档中可以看出,.on方法比.bind方法多一个参数'selector' .on的selector参数是筛 »

JS下offsetLeft,style.left,以及jQuery中的offset().left,css("left")的区别。

JS下offsetLeft,style.left,以及jQuery中的offset().left,css("left")的区别。 JS下的offsetLeft和style.left,以及jquery的css("left"),对定位的理解相似,如果父元素中有定位元素,都是相对于上一个定位元素(position不为static)定位。 值得一提的是如果没有已经定位的父元素,那么offsetLeft指向 »

jQuery操作DOM节点的方法总结

1、parent():获得当前匹配元素集合中每个元素的父元素,该方法只会向上一级对 DOM 树进行遍历 $('li.item-a').parent().css('background-color', 'red'); // 寻找类名为item-a的li元素的父节点元素,并设置背景色为红色 1.1、parents() :返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (&lt »

jQuery TextBox用法

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>自我练习</title> <script src="https://cdn.bootcss.com/jquery/1.10 »

jquery分隔Url的param方法

最近需要分隔url的querystring,用到了特意记录一下。方法: //获取url中的paramsvar search = location.search.substring(1);//params转换object(javascript)search?JSON.parse('{"' + search.replace(/&/g, '","').replace(/=/g,'":"') + »

jquery 中$.fn是什么意思

$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。 如扩展$.fn.abc() 那么你可以这样子:$("#div").abc(); 通常使用$.extend()方法扩展.$.fn是什么东西呢。查看jQuery代码,就不难发现。 jQuery.fn = jQuery.prototype = {    init: function( selector, con »

jQuery插件--zTree中点击节点实现页面跳转时弹出两个页面的问题

  这是第一次使用zTree,所以在使用之前我要先写一个demo来学习一下。我们要注意的是,zTree是一个jQuery插件,所以我们在导入zTree的js文件之前要先导入jQuery的js文件。   我们先下载zTree,点击我跳转到一个网站进行下载   代码直接贴出来 <!DOCTYPE html> <html> <head> & »

jquery 获取上传文件大小

1. <html> <head> </head> <body> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><br/> <input id="fUpload& »

JQuery实战教程即将面市

作者         张富银,网名(大漠孤烟),现任源代码教育重庆校区教学总监,拥有多年的开发经验,带领团队完成过多个项目的开发与设计,重庆电信职业学院软件工程教学名师。在技术方面精通PHP、c++、Mysql、Mongodb、hadoop、云计算,热衷于主流LAMP网站解决方案,同时对Linux服务器系统配置有着丰富的经验。   一.编写本书的目的       市场上面JQuery的书籍全部都只 »

JQuery效果-淡入淡出、滑动、动画

一、JQuery Fading方法 JQuery 有四种fade方法 1.fadeIn() 淡入                       对应也有$(selector).fadeIn(speed,callback); 2.fadeOut() 淡出                     对应也有$(selector).fadeOut(speed,callback); 3.fadeToggle( »

Jquery autocomplete.js输入框联想补全功能

Jquery autocomplete.js插件下载地址:https://files.cnblogs.com/files/jinzhiming/autocomplete.rar 有两种用法,一种是直接使用页面的数据,一种是输入请求地址,请求后台返回数据 1.数据格式就是下方这种 <link href="../autocomplete/jquery.autocomplete »

jquery获取周对应的日期

项目中用到按周显示的功能,找了一个,然后自己修改了一下,留着以后用: 这是代码,要是直接显示的话就把第43行去掉就行了,如果想要得到数据按照自己的想法重新渲染就保留43行,直接看51行,52行就是你要的对应数据 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html > 3 »