本文实例讲述了jQuery学习笔记之Ajax用法。分享给大家供大家参考，具体如下： 一、Ajax请求 1、jQuery.ajax(options) 通过 HTTP 请求加载远程数据。jQuery 底层 AJAX 实现。简单易用的高层实现见 .get,.post 等。 .ajax()返回其创建的XMLHttpRequest对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。详细参数选项见下。 注意： 如...
1、元素的显示和隐藏 display:none; 隐藏display:block; 显示简单显示和隐藏方法 a) show() 显示b) hide() 隐藏c) toggle() 开关，显示则隐藏，隐藏则显示<script type="text/javascript">function f1(){//隐藏$("div").hide();//display:none//document.getElementById(id).style.display="none";}function f2(){//显示$("div").show();//display:block}function f3(){$("div").toggle();} </script> <style type="text/css">div ...
在jQuery中，最常用的莫过于使用美元符号$，它提供了各种各样的丰富功能。包括选择页面中一个或者一类元素、作为功能函数的前缀、windows.onload的完善，创建DOM节点等。本文介绍jQuery的用法。作为基础 1.选择器 在css中，选择器的作用是选择页面的某一类（类别选择器）元素或者某个（id选择器）。而jQuery中的“$”作为选择器，同样是选择某类或者某个元素，只不过jQuery提供了更全面的选择方式。而且为用户处理了浏览器兼容问题...
1.jQuery功能函数前缀 在javascript中，开发者通常会编写一些小函数来处理各种操作细节，例如在用户提交表单时，要将文本框最前端和最末端的空格内容清理掉。而javascript中没有类似trim()功能，在师院jQuery后，便可以使用trim()函数。 trim()函数是jQuery对象的一个方法，使用以下例子代码如下: <script type="text/javascript"> var sString = " 1234567890"; sString = $.trim(sString); ...
利用DOM方法创建元素节点，通常要将document.createElement()、document.createTextNode()、appendChild()配合使用，十分麻烦。 而jQuery使用$就可以直接创建DOM元素代码如下: var oNewP = $("<p>使用jQuery创建的内容</p>");以上代码等同于javascript代码如下: var oNewP2 = document.createElement("p"); var oText = document.createTextNode("这是使用javascript方法创建的内容"); oNewP2...
CSS3充分吸收多年了web发展的需求，吸收了很多新颖的特性。例如border-radius css3特性中最令人兴奋的莫过于选择器的增强，例如属性选择器可以根据某个属性值来选择标记，位置选择器可以根据子元素的位置来选择标记。 在目前很多使用的很多浏览器，例如IE7,主要支持css2.大部分属性选择器都不理想。 正是因为浏览器对css3的兼容性问题。各个浏览器都未对其做更好的标准支持。 jQuery通过预先的javascript编程，提供了几乎所有css3标...
1.jQuery的简介 就像上节所将到的Ajax框架一样，简单的说，jQuery是一个优秀的javascript框架，它能够让用户方便的处理html,events(冒泡)事件，动画效果，ajax交互等，它极大程度的改变了开发者使用javascript的习惯。jQuery自2006年最初创建，已经吸引了众多的javascript高手加入其团队，随着事件推移，jQuery新版本一个一个发布，它越来越受到关注。 如今，jQuery发展到集各种javascript/css/dom和ajax功能于一体的强大框架。可以...
今天写一个选项卡的时候，需要用到jquery中的.each(),通过获取each()中的index参数来获取li元素的编号，方便下面区块显示，在一个测试页面上写好了下面的代码：代码如下: <!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html...
观察函数 ajaxStart 和 ajaxStop 函数可以用来作为观察函数，我们可以使用观察函数的回调函数来做相应的处理。 当 Ajax 请求开始且尚未进行其他传输时，会触发 ajaxStart 的回调函数。 当最后一次活动请求终止时，则会执行通过 ajaxStop 注册的回调函数。 由于观察函数具备全局性，所以需要使用 $(document) 来调用。我们通过使用 Ajax 方法取得一个图片的例子来测试两个函数: 当前页面为： <div></div> <button>load</button> 同目...
加载 HTML 我们通常使用加载 HTML 的方法来加载 HTML 片段，并插入到指定位置，假设当前页面为： <div></div> <button>load</button> 同目录下的 test.html 文件内容为： <span>test</span>我们可以使用 load 方法来加载 HTML，将其绑定到按钮的点击事件上：$(button).click(function() {$(div).load(test.html);});点击按钮后：加载 JSON JSON 即 Javascript Object Notation，直译过来即 Javascript 对象表示法，因此它能很方便地...
请求数据 我们可以使用 GET、POST 两种方式向后端请求数据，这里以 PHP 为例，假设有测试页面 age.php，用于返回年龄信息，内容为： if(isset($_REQUEST[name]) && $_REQUEST[name] == stephen) {echo 23; }当前页面内容为： <div><a href="age.php">stephen</a><span>age : </span><span id="sex"></span> </div> 我们希望点击 a 标签后，在不刷新页面的前提下获取年龄信息。首先用 GET 方式请求数据: GET 方式$(a).click(functio...
deep是布尔值,表示是否进行深度合并,默认是false,不执行深度合并.通过这种方式可以在jQuery或jQuery.fn上添加新的属性和方法,jQuery的其他模块大都是这么实现的. 给jQuery添加扩展时用$.extend()如:jQuery.extend({add:function(a,b){return a+b}}) 使用:$.add(1,3)=====>4; 给jQuery实例对象添加扩展时用$.fn.extend(); $.fn.extend({gys:function(){$(this).css("color","red")}}); 调用:$("div.guo").gys();因为参数的个数是不确...
代码如下:jQuery.fn = jQuery.prototype = { constructor: jQuery, init: function( selector, context, rootjQuery ) { }, selector: "", jquery: "1.7.2", length: 0, size: function() {}, toArray: function() {}, get: function( num ) {}, pushStack: function( elems, name, selector ) {}, each: function( callback, args ) {}, read...
从源码中可以看到,这些常见的方法,都是直接从原生的javascript中"借鉴"过来的.为什么这么说呢?225行中,在运行时,this是指向jQuery对象的,通过call语句借鉴slice方法,切割出一个数组出来,这种"借鸡下蛋"的方法,真的是让人拍手叫绝.slice(start,end)是用来切分数组的.start表示切分数组的开始位置.省略end表示到从start一直到最后
从return new jQuery.fn.init( selector, context, rootjQuery )中可以看出参数selector和context是来自我们在调用jQuery方法时传过来的.那么selector和context都有哪些可能. 对于表格中的4~9行中的可能做具体分析. 如果selector是字符串,则首先检测是html代码还是#id.126行的if语句:以"<"开头,以">"结尾,且长度>=3.则假设额这个是HTML片段,这里只是假设不一定就是合肥的html代码.比如"<div><guofsfsdfd>";130行的else:表示不是ht...