今天分享的这款就是基于jQuery的瀑布流图片筛选插件,我们可以点击图片分类名称,即可将对应分类下的图片以瀑布流的方式展示出来,这款插件在筛选图片上使用还是比较方便的。 ?...2.基于Layui的可自定义添加删除数据的表格处理插件 如何在网页上编辑表格数据,这通过自己编写JS和CSS实现都是比较麻烦的,jQuery有很多插件可以完成这种功能,比如这款jQuery简易版的Excel...5.jQuery左侧边栏多级菜单 适合后台管理页面使用 这是一款基于jQuery的侧边栏多级下拉菜单插件,这个菜单的特点是可以固定在左侧边栏,当页面滚动时整个菜单可以保持一直可见,方便操作。...类似的菜单插件还有CSS3侧边栏单页切换小图标菜单和CSS3侧边栏手风琴菜单,都非常实用。这种菜单非常适合在网站的后台管理页面中使用。 ?...10.CSS3深色背景的垂直手风琴菜单 手风琴菜单我们已经分享过很多了,特别是垂直手风琴菜单更为常见,比如这款jQuery手风琴样式的多级下拉菜单和这款CSS3带小图标的手风琴下拉菜单都非常不错。
Nelson 说:“那时为了给我建的网站菜单栏上增加一个鼠标经过的图片效果,我使用了JS。并用它创建不那么好用的下拉菜单和有一些简单动画的烦人弹出框”。...jQuery 的创建者 John Resig 在谈到该框架的起源时说: 当开始创建这个库的时候,我想解决自己的两个痛点: 1) 提供简单的DOM接口; 2) 减少开发过程中的跨浏览器问题[2] 处理跨多个浏览器的...有了 Backbone 和 AngularJS,开发者一夜之间就拥有了两个用来开发单页应用的完整工具箱,可以应对之前大规模 jQuery 开发中的短板,并继续用熟悉的方法开发。...如果把 JS 比作基本手边工具,而 jQuery 是电动工具的话,那这两个框架就可以说是流水线了 -- 专业集成了为创建单页应用这个特别目的设计的复杂设备。...“没人再提 DHTML 或 AJAX 了,人们都开始说单页应用,但其实是新瓶装旧酒” -- 这很大程度上是对的;基础代码仍是 JS,也仍旧干着早期的事情。不同一点的是今天的实现途径。
jquery对象 }) mouseover 事件在鼠标移动到选取的元素及其子元素上时触发 mouseenter 事件只在鼠标移动到选取的元素上时触发 以后如果有鼠标移入事件,请使用mouseenter...,sTest是子类的对象引用;pTest和sTest指向了同一个子类对象。...,则用sTest访问时,访问到的是子类的静态成员变量;用pTest访问时,访问到的是父类的静态成员变量; (3).如果子类的静态成员方法重写了父类的静态成员方法,则用sTest调用时,调用的是子类的静态成员方法...;用pTest调用时,调用的是父类的静态成员方法; (4).如果子类的成员方法重写了父类的成员方法,则用sTest调用时,调用到的是子类的成员方法;用pTest调用时,调用的也是子类的成员方法; (5)....用sTest调用未覆盖的父类成员方法时,该方法中如果使用到了被隐藏的变量或方法时,规则同上; jQuery background-color 和 backgroundColor 入口函数 $(document
1.Foundation框架 Foundation框架总体来看要比Bootstrap略显高大上一点,但他们俩的设计理念都是非常清楚的,Bootstrap有引导的意思,尝试处理你项目中的一切所需。...2.Bootstrap Bootstrap在业界非常受欢迎,以致于有很多前端框架都在其基础上开发,如WeX5就是在Bootstrap源码基础上优化而来的。...兼容大部分jQuery插件,并包含了丰富的Web组件,如下拉菜单、按钮式下拉菜单、导航条、按钮组、分页、缩略图、进度条和媒体对象等。...自带了13个jQuery插件,其中有模式对话框、标签页、滚动条和弹出框等。 3.Curl Curl是一个命令行工具,用于通过HTTP(s)、FTP和数十种其它协议进行请求。...Tmux允许用户在终端中的程序之间切换,添加屏幕窗格,并将多个终端连接到同一个会话,使其保持同步。 在远程服务器上工作时,Tmux特别有用,因为它允许用户创建新的选项卡,而无需再次登录。
大家好,又见面了,我是你们的朋友全栈君。 Bootstrap 导航 1. 定义导航组件 基本结构: jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) --> jquery/2.1.1...设计标签页下拉菜单 首页 微信...激活标签页 引入jQuery和bootstrap-tab.js文件 在标签页结构基础上,添加内容包含框,通过tab-content定义,子内容框类为tab-pane 为每个内容框定义id值,并在标签列表项中为每个超链接绑定锚链接...为每个标签项超链接定义data-toggle=”tab”属性,激活标签页的交互行为 在每个子内容框中添加fade类,可以实现淡入效果 <li
这个周末咱们开始讲新的前端组件,多级下拉菜单。这个东西我们以前讲过一次,但因为感觉之前讲的有些不太充分,还是把它再拿出来讲一下。...现在我在白板上,画一下使用多级下拉菜单的几种典型方式, 1,顶部,用户登录之后的用户权限下拉菜单; 2,左边,例如京东的产品列表; 3,底部,仿win开始菜单; 4,nav导航栏; 当然还有更多的应用方式...那么,在前端开发的实际工作中, 1、为什么要用它?解决哪些需求? 因为它可以解决同一个位置展示多个选择;可以认为它是多个select的合并。 2,用到JS的哪些技术?...那么这里就有了三个函数,一个方法: 以最简单的JQ为例,分别是,getData;createList,on(),appendTo(), 那么,在整个的前端开发的工作场景与流程中,首先它是页面的一个组成部分...而这类组件,基本上不太讲究通用性。因为每个页面每个网站的多级菜单基本都不相同。所以它讲究的就是松耦合与可维护、可定制。
jquery中的ajax方法参数总是记不住,这里记录一下。 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。...13.dataFilter: 要求为Function类型的参数,给Ajax返回的原始数据进行预处理的函数。提供data和type两个参数。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。 ...提供data和type两个参数。data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。 ...17.jsonp: 要求为String类型的参数,在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"
提供data和type两个参数:data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值: “xml”: 返回 XML 文档,可用 jQuery 处理。...jsonp type:String 在一个jsonp请求中重写回调函数的名字。这个值用来替代在"callback=?"...这主要用来让jQuery生成度独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。你也可以在想让浏览器缓存GET请求的时候,指定这个回调函数名。...(技术上讲只要不是字符串),都会处理转化成一个查询字符串,以配合默认内容类型 “application/x-www-form-urlencoded”。
可用的类型如下: xml:返回XML文档,可用JQuery处理。 ...:要求为Function类型的参数,请求成功后调用的回调函数,有两个参数。 ...dataFilter:要求为Function类型的参数,给Ajax返回的原始数据进行预处理的函数。提供data和type两个参数。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。 ...jsonp:要求为String类型的参数,在一个jsonp请求中重写回调函数的名字。 该值用来替代在"callback=?"
Ajax介绍 http://www.w3school.com.cn/jquery/jquery_ref_ajax.asp jQuery 中的 Ajax url: 要求为String类型的参数,(默认为当前页地址...,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。 text:返回纯文本字符串。...dataFilter:要求为Function类型的参数,给Ajax返回的原始数据进行预处理的函数。提供data和type两个参数。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...jsonp:要求为String类型的参数,在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"
请求成功后调用的回调函数,有两个参数。...13.dataFilter: 要求为Function类型的参数,给Ajax返回的原始数据进行预处理的函数。提供data和type两个参数。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...提供data和type两个参数。data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...17.jsonp: 要求为String类型的参数,在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"
有引导的意思尝试处理你项目中的一切所需。...2、、Bootstrap Bootstrap在业界非常受欢迎,以致于有很多前端框架都在其基础上开发,如WeX5就是在Bootstrap源码基础上优化而来的。...兼容大部分jQuery插件,并包含了丰富的Web组件,如下拉菜单、按钮式下拉菜单、导航条、按钮组、分页、缩略图、进度条和媒体对象等。...自带了13个jQuery插件,其中有模式对话框、标签页、滚动条和弹出框等。 3、Curl Curl是一个命令行工具,用于通过HTTP(s)、FTP和数十种其它协议进行请求。...Tmux允许用户在终端中的程序之间切换,添加屏幕窗格,并将多个终端连接到同一个会话,使其保持同步。在远程服务器上工作时,Tmux特别有用,因为它允许用户创建新的选项卡,而无需再次登录。
如今Bootstrap 已经发展到十多个组件,并且开源托管在GitHub 上,托管地址:https://github.com/ twbs/bootstrap/。...jQuery 是Bootstrap 各种组件的基础,并且Bootstrap 能够很好地兼容各种jQuery 插件。...Bootstrap 包含的组件如下:字体图标、下拉菜单、按钮组、按钮式下拉菜单、输入框组、导航、导航条、分页、标签、徽章、巨幕、页头、缩略图、提示框、进度条、媒体对象、列表组、面板、对话框等。...同时Bootstrap 也提供较为丰富的jQuery插件,比如过渡效果、对话框、下拉菜单、滚动监听、标签页和提示框等一系列插件,在后续的文章中会逐步讲解其用法。...如果要在IE 9 以下版本中使用Bootstrap,则需要引入html5shiv.js 和respond.js 两个js。
,请求成功后调用的回调函数,有两个参数。...13.dataFilter: 要求为Function类型的参数,给Ajax返回的原始数据进行预处理的函数。提供data和type两个参数。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...提供data和type两个参数。data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...17.jsonp: 要求为String类型的参数,在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"
提供 data 和 type 两个参数:data 是 Ajax 返回的原始数据,type 是调用 jQuery.ajax 时提供的 dataType 参数。...函数返回的值将由 jQuery 进一步处理。 dataType 类型:String 预期服务器返回的数据类型。...在 jQuery 1.4 中,它也会检查服务器指定的 'etag' 来确定数据没有被修改过。 jsonp 类型:String 在一个 jsonp 请求中重写回调函数的名字。...这主要用来让 jQuery 生成度独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。你也可以在想让浏览器缓存 GET 请求的时候,指定这个回调函数名。...用于重写或者提供一个增强的 XMLHttpRequest 对象。这个参数在 jQuery 1.3 以前不可用。
转载请注明出处:http://blog.csdn.net/qq_26525215 本文源自【大学之旅_谙忆的博客】 首先把模板代码上上来: 指定下拉菜单的样式。 .dropup:向上弹出的下拉菜单(下拉菜单父元素)。...标签页(选项卡) .nav是标签页的基类 .nav-tabs是标签页类样式 .active是标签页的状态类(当前样式) .nav-pills胶囊式标签页 .nav-stacked胶囊式标签页堆放排列...分页 .pagination赋给 元素可以实现分页效果 « 上一页 » 下一页 .disabled禁用状态 .active激活状态 ....上一页、下一页效果。
一、导航 1、概述 Bootstrap 中的导航组件都依赖同一个 .nav 类,状态类也是共用的。... 4、两端对齐的标签页 在大于 768px 的屏幕上,通过 .nav-justified 类可以很容易的让标签页或胶囊式标签呈现出同等宽度。...用一点点额外 HTML 代码并加入下拉菜单插件的 JavaScript 插件即可; 带下拉菜单的标签页: 代码演示: 两个类都会通过 CSS 设置特定方向的浮动样式。...query)中,这样可以更容易的在各种尺寸的屏幕上处理导航条组件; 8、固定在顶部 添加 .navbar-fixed-top 类可以让导航条固定在顶部,还可包含一个 .container 或 .container-fluid
jQuery内部也封装了对原生ajax请求的方法,可以很方便我们的对后台异步请求处理。...如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。...success 类型:Function 请求成功后的回调函数。 参数:由服务器返回,并根据 dataType 参数进行处理后的数据;描述状态的字符串。 这是一个 Ajax 事件。...url 类型:String 默认值: 当前页地址。发送请求的地址。 jsonp 类型:String 在一个 jsonp 请求中重写回调函数的名字。这个值用来替代在 "callback=?"...这主要用来让 jQuery 生成度独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。你也可以在想让浏览器缓存 GET 请求的时候,指定这个回调函数名。
领取专属 10元无门槛券
手把手带您无忧上云