【整理的40个有用的jQuery技术和教程_jquery】教程文章相关的互联网学习教程文章

使用jquery实现HTML5响应式导航菜单教程【代码】【图】

通过jquery+html5实现,当浏览器窗口缩小或者手机访问的时候,导航菜单变成按钮下拉式菜单。效果图:HTML代码:复制代码代码如下:<nav id="nav-wrap"> <ul id="nav"> <li><a href="#">Button</a></li> <li><a href="#">Button</a></li> </ul></nav>jQuery代码:通过以下jquery代码,会把<div id="menu-icon">添加到<nav id="nav_wrap">中,当点击 #menu-icon 时,菜单就会显示出来:复制代码代码如下:<script type="text/javascr...

超酷的jQuery百叶窗图片滑块实现教程【代码】【图】

原文:超酷的jQuery百叶窗图片滑块实现教程今天我们要来分享一款基于jQuery的百叶窗焦点图插件,也可以说是图片滑块插件。这种jQuery焦点图插件的应用非常广泛,在早些年前,我们需要用flash来完成这种百叶窗的效果。如今我们可以用jQuery来实现这个动画效果。这款jQuery百叶窗焦点图不仅可以横向切换,也可以垂直切换,效果都非常不错。你也可以在这里查看在线演示下面我们来简单解说一下实现这款jQuery百叶窗焦点图的过程和代码,...

12款jQuery幻灯片插件和幻灯片特效教程

jQuery 使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入一些非常好的效果。滑块和幻灯片效果是常用的内容展示方式之一,这是一种在有限的网页空间内展示系列项目时非常好的方法。今天这篇文章就与大家分享12个优秀的 jQuery 幻灯片插件和幻灯片教程。An HTML5 Slideshow w/ Canvas & jQueryCreate an Image Rotator with Description (CSS/jQuery)Create a Slick and Accessible Slideshow Using jQue...

[HTML5_JQueryMobile]20个很棒的 jQuery Mobile 教程【图】

构建一个餐馆选择的 Web 应用How to build a jQuery Mobile app for choosing a restaurant based on what the user want to eat tonight, the town where they want to eat and other user’s ratings of the restaurants. 创建一个良好移动体验应用For larger data-focused sites, or sites that are "almost applications" you will want to consider a custom mobile version of your site. This is often done with the help ...

Kendo UI for jQuery使用教程:支持Web浏览器【代码】【图】

【Kendo UI for jQuery最新试用版下载】Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。Kendo UI小部件和框架组件旨在支持所有主要的Web浏览器,并提供跨浏览器兼容性、标准兼容性或支持触摸设备。但是根据项目的具体情况,您使用的组件以及窗口小部件版本,对浏览器的支持可能会有所不同...

jQuery/CSS3类似阿里巴巴的商品导航菜单实现教程【代码】【图】

有两天没发表文章了,今天来说说利用jQuery和CSS3制作一款类似阿里巴巴左侧商品菜单导航,这款菜单看起来非常大气,可以展示非常多的产品类目,如果你在设计电子商务网站,不妨可以拿来参考,一下是效果图:我们也可以到这里来查看这款菜单的DEMO演示。接下来还是分析一下源代码,源码由HTML、CSS和jQuery组成,先来看看HTML,东西很多,但结构非常简单:<div class="sidebar"><div class="sidebar_top sidebar_top_tc">全部产品分...

php+jQuery.uploadify实现文件上传教程【图】

这两天用上传的控件,PHP+Jquery今天先介绍这个uploadify,嗯,我今天下载因为我英文不是很好所以我就在网上找的使用教程,我发现好多用不了,我那个去,你看官方文档才知道很多API已经不是以前的API了。今天总结一下给大家,给大家一个提醒最多还是要看官方的http://www.uploadify.com/documentation/!简单举例一下使用然后我都加上注释给大家,方便大家阅读和使用下载官方的之后直接使用就OK了,当然你需要什么在直接修改就可以...

jQuery基础---Ajax基础教程(二)【代码】【图】

jQuery基础---Ajax进阶内容提纲:1.加载请求2.错误处理3.请求全局事件4.JSON 和 JSONP5.jqXHR 对象发文不易,转载请注明出处! 在 Ajax 基础一篇中,我们了解了最基本的异步处理方式。本篇来了解一下 Ajax 的一些全局请求事件、跨域处理和其他一些问题。一.加载请求在 Ajax 异步发送请求时,遇到网速较慢的情况,就会出现请求时间较长的问题。而超过一定时间的请求, 用户就会变得不再耐烦而关闭页面。 而如果在请求期间能给用户一...

Jquery EasyUi实战教程布局篇

转自:http://www.kwstu.com/ArticleView/kwstu_20139413501290送给大家一个非常好的后台布局模板,本人后来就选择了这个模板http://www.kwstu.com/ArticleView/kwstu_2014413112321738私人做程序开发一直有个头疼的问题就是后台管理界面,以前一般都是自己用jquery+ps自己设计的,效果很一般,很不理想。今天初次使用Jquery EasyUi,简单的做了个布局页面感觉还不错,给大家分享一下,就是不知道Jquery EasyUi浏览器兼容性怎么样。...

JqueryEasyUI教程

第一章EasyUI中弹出框dialog的使用为div标签加上class="easyui-dialog"即可使用一、引入文件介绍jquery.min.js:jquery核心文件,不再支持IE9以下文件;jquery.easyui.min.js:easyui核心文件;easyui-lang-zh_CN.js:EasyUI中文提示信息easyui.css:EasyUI核心UI文件CSSicon.css:EasyUI图标文件二、Parser解析器,Parser解析器是专门解析渲染各种UI组件的//关闭自动解析功能,界面组件不渲染,放在$(function() {})外$.parser.au...

jQuery插件开发详细教程【代码】

http://www.poluoluo.com/jzxy/201406/277886.html扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。这篇文章将概述jQuery插件开发的基本知识,最佳做法和常见的陷阱。一、入门编写一个jQuery插件开始于给jQuery.fn加入??新的功能属性,此处添加的对象属性的名称就是你插件的名称:jQuery.fn.myPlugin = function(){//你自己的插件代码}; 用户非常喜欢的$符号哪里去了? 它仍然存在,但是,为了避免和其他JavaScr...

跟我一起学JQuery插件开发教程

摘自: http://www.poluoluo.com/jzxy/201204/163035.html 在逛codeproject网站的时候,突然看到一篇文章:How to write plugin in Jquery. 如果对E文好的同学 ,可以看上面的连接。现在我把上面网站的及结合自己的想法写这篇文章。希望能得到大牛们的支持和谅解。。。大鸟飞过。。。欢迎拍装。来源:【1】How to write plugin in Jquery.【2】锋利的JQuery 书【3】RascallySnake的JQuery.extend()详解一.介绍 插件编写的目的是给已...

jQuery的内容过滤选择器学习教程【图】

内容过滤器的过滤规则主要是包含的子元素或文本内容上。$(div:contains("xxx")).css(background, #ccc); //选择元素文本节点含有xxx 文本的元素 $(div:empty).css(background, #ccc); //选择空元素 $(ul:has(.red)).css(background, #ccc); //选择子元素含有class 是red 的元素 $(:parent).css(background, #ccc); //选择非空元素 jQuery 提供了一个has()方法来提高:has 过滤器的性能: $(ul).has(.red).css(background, #ccc); /...

PHPjQuery表单,带验证_PHP教程【图】

PHP jQuery表单,带验证 Email检测,密码重复检测,可以用于表单发送的各种环境,例如发送反馈,注册帐号 演示XML/HTML CodeInvalid Name: We want names with more than 3 letters!Invalid E-mail: Stop cowboy! Type a valid e-mail please :PPasswords are invalid: Passwords doesnt match or are invalid!Ivalid message: Type a message with at least with 10 lettersCongratulations! All fields are OK ;)validation.phpPHP ...

PHP+MySQL+jQuery实现发布微博程序——PHP篇_PHP教程

在上一篇《PHP+MySQL+jQuery实现发布微博程序&mdash;&mdash;jQuery篇》中,讲解了如何用jQuery实现输入表单的实时字数统计和Ajax提交数据到后台的功能。本文将重要介绍后台是如何处理前台提交的数据,并返回结果的。 先还是要说明本例的业务流程: 1、前端用户输入内容,并对输入的内容字数进行实时统计。 2、用户提交数据,jQuery实现通过Ajax向后台发送数据。 3、后台PHP接收提交表单的数据,并对数据进行必要的安全过滤。 4、后...

技术 - 相关标签