jquery技术,jQuery下的几个你可能没用过的功能_jquery
jquery技术,jQuery下的几个你可能没用过的功能_jquery详细介绍
本文目录一览： 什么是jQuery？
jQuery官方解释的很清楚jQuery是一个快速、简洁、功能丰富的JavaScript库，重点在jQuery是一个库(library)
库(library)就是一系列方法组成的集合，开发人员在使用库的过程中，想要什么功能就可以调用库中提供的对应方法就行。有点像图书馆中保存了各种类的图书，最近想要研究心理学，就可以在图书馆中查阅对应的书籍一个道理
jQuery就是一个js库，它里面就提供了很多的属性和方法供我们使用，
比如想操作样式，jQuery就提供了css等方法。比如想要制作一个动画，jQuery就提供了show()/slideDown()/animate()等方法。
jquery是一个快速且简洁的的JavaScript框架。是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery兼容各种主流浏览器，如IE 6.0+、FF1.5+、Safari2.0+、Opera 9.0+等。运行jQuery所需的条件很简单：一台计算机、一个智能电话或一个可以运行现代浏览器的设备。jQuery对浏览器的要求也相当自由。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。
如何使用jQuery技术开发ios风格的页面导航菜单_jquery
效果图：目前市场上越来越流行IOS风格的操作系统和导航方式，在今天的jQuery教程中，我们介绍如何生成一个iphone风格的菜单导航。HTML代码我们使用镶嵌的来生成菜单内容，并且包含在标签中，如下：。。 。。 Javascript使用jQuery来查询遍历li，并且生成菜单项目，如下： CSS使用图片来生成页面顶端的按钮：body {font-size: 14px;font-family: Arial;background:#f5f5f8;}.js {position:absolute;width:320px;height:480px;top:50%;left:50%;margin:-280px 0 0 -160px;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25);-moz-box-shadow:0 1px 2px rgba(0,0,0,.25);box-shadow:0 1px 2px rgba(0,0,0,.25);}.js .files {background-image:none;}.js .hidden {display:none;}.js * {font-size:14px;font-weight:400;margin:0;padding:0;list-style:none;}.js > div {position:relative;z-index:1;height:44px;text-align:center;font-size:14px;line-height:44px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.4);background:#7f94b0;background:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#b5c0ce),color-stop(0.5,#889bb3),color-stop(0.51,#7f94b0),color-stop(1,#6d83a1));background:-moz-linear-gradient(top center,#b5c0ce,#889bb3 22px,#7f94b0 23px,#6d83a1);border-bottom:1px solid #2d3033;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;}.js > div a {height:31px;top:7px;left:20px;font-size:14px;line-height:31px;color:#fff;background:url('../images//center.png');}.js > div a, .js > div a:before, .js > div a:after {position:absolute;}.js > div a:before {left:-13px;content:url('../images//left.png');}.js > div a:after {right:-10px;top:0;content:url('../images//right.png');}.js > div a:active {opacity:.65;}.js a {text-decoration:none;}.js ul a {display:block;color:#000;padding:.8em 18px;border-bottom:1px solid #e0e0e0;background:url('images/next.png') no-repeat 94% 50%;}.js ul a:hover {background-color:#edf3fe;}.js a:focus {outline:none;}.js ul {position:absolute;top:0;padding-top:45px;width:100%;-webkit-transition:left .4s ease-out;-moz-transition:left .4s ease-out;-o-transition:left .4s ease-out;}.js ul {left:0;}.js ul ul {left:320px;}有效果图，有代码看起来非常明了，希望大家喜欢。
学习jQuery的条件？
什么是jQuery
jQuery是一个JavaScript库，它通过封装原生的JavaScript函数得到一整套定义好的方法。它的作者是JohnResig，于2006年创建的一个开源项目，随着越来越多开发者的加入，jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能。IT培训认为它可以用最少的代码，完成更多复杂而困难的功能，从而得到了开发者的青睐。
主旨：以更少的代码、实现更多的功能
学习jQuery的条件
jQuery是JavaScript库，所以jQuery在使用上要比原生的JavaScript要简单，但是对于网页编程来说，有些通用的基础知识是必备的：
1.XHTML或HTML5（含CSS，网页必备的基础技术，XHTML已完结90课）；
2.JavaScript（虽然jQuery使用比JavaScript简单，但各种语法来自JavaScript，只要掌握已出课程的第一季149课即可，并不需要完全精通，只要理解语法和项目中简单的用法即可。）；
3.服务器语言如：PHP（jQuery属于前端技术，那和后端技术是相辅相成、互相呼应的，而PHP课程目前出到第四季，而jQuery只需要PHP第一季136课的基础即可。）。
jquery如何实现ajax技术1：$.ajax()
ajax技术在web开发中是非常重要的。在早期的js中如果需要完成异步传输的效果，需要判断浏览器、虚拟访问文件、监控、获取返回值等一系列非常繁琐的操作。但是在jQuery中，为我们提供了非常简单的几个函数，让我们轻松实现ajax的功能。在接下来的几篇文章中，我们将一一介绍这些函数。 首先，我们下来介绍$.ajax。该方法是 jQuery 底层 AJAX 实现。 通常的语法为： $.ajax([settings])//settings是$.ajax()方法的参数，是用于配置 Ajax 请求的键值对集合。 下面我们一一介绍一些$.ajax()中比较重要的几个参数 url---发送请求的地址 type---请求方式 ("POST" 或 "GET") timeout---设置请求超时时间（毫秒） async---(默认: true) 异步请求。 Data---发送的参数可以是json类型 dataType---返回的数据类型：xml,html,json,txt success---成功后可以返回function(data,st){} 实际例子如下： ================================================================ ajax.html