jQuery代码的任务就是生成jQuery对象A，操作jQuery对象A；生成jQuery对象B，操作jQuery对象B……但是若此过程中，对象A、B……之间有某种关系，那么完全没必要一个个去$(selector)，这很繁琐的。因此jQuery提供了一些方法，使流程变为生成jQuery对象A，操作jQuery对象A；更改为jQuery对象B，操作jQuery对象B…… 一个jQuery对象，既要进行N次操作，又要进行M次更改。因此有必要将生成的jQuery对象存储在一个变量中，多次调用。然而...
下面就是一些常用方法，格式为$(selector).方法，其中$(selector)即当前选定元素： 移动元素方法描述append($(selector))向当前元素的内部追加内容appendTo($(selector))将当前元素在某元素内部追加。但由于会根据需要对当前元素进行移动，所以jQuery对象更改了，可用end()还原prepend($(selector))向当前元素的内部前置内容prependTo($(selector))将当前元素在某元素内部前置。类似于appendTo()，会改变对象after($(selector))向当...
元素的属性处理方法描述attr(name) attr(name,value) attr(name,fn(index,value)) attr({name1:value1,…,nameN:valueN})获取某个属性的取值，或可以用于设置某个属性的值。还可以使用函数作为参数，将函数返回值作为需要为元素属性设置的值，比如将第(index+1)个元素的name属性设置为函数返回值（实际上，明白函数式就根本不需要这说明）。也可以一次性给同一元素多个属性removeAttr(name)删除某个元素的属性取值元素的class属性处...
CSS基本属性处理方法描述css(name)获取元素上CSS规则中name属性值css(name,value) css(name,fn(index,value)) css({name1:value1,…,nameN:valueN})设置元素上CSS规则name属性的值为value，也可使用函数参数，不解释；还可以一次性为同一元素设置多个CSS属性 CSS尺寸属性处理方法描述height()获取元素CSS属性height的值width()获取元素CSS属性width的值。这两个方法获取的是元素在页面中的实际高度宽度值，多用于数学运算，比较方便...
花了一晚上的时间解决了一个看似很容易的问题。今晚做的这个东西中由于要获取某列中的一个ID值。如果是用平常的那种JS传值的方式此问题就不存在，但是由于此次用到的都是jquery插件，包括各种弹出框，用JS传值就得用JS那丑陋的弹出框，所以，你懂得。 网上找了很多方法，用起来都不行，后来想到了jquery中的鼠标事件，可以在鼠标经过table时，获得当前行与列的值。页面如下所示： 具体操作就是点击“删除”按钮，然后调用jquery插...
在Web中用到多选项卡功能的网站有很多，比如163和126邮箱，用过的人知道。本人在那么多的类似插件中，目前碰到这个比较好，花了点时间调试出来了，请看效果图：这款插件叫jqueryMagicTabs，上图实现了基本功能，如添加选项卡，选择指定的选项卡。当添加的选项卡超过一定长度时会出现左右滑动的按钮，同时支持鼠标滑动选项卡。 这段代码如下所示： 代码如下:pageEncoding="UTF-8"%> MagicTabs的基础用法 $(function(...
好久以来就想实现一个模态的框框，找了很多的jquery插件，都没有碰到自己满意的，这次碰到了一个，但是由于还处于开发阶段吧，连个文档API都没有，自己摸索了好长一段时间才搞定。先来看看代码，本人看着源代码定制了自己想要的效果： 代码如下:pageEncoding="utf-8"%> JQueryMagicDialog 的基本使用 #btn{ position:absolute; top: 50px; left: 250px; } $(function(){ $('.dlgDemoBtn').click(function(){ var e...
jQuery是时下比较流行的一个js库，能够用简单的代码做出理想的效果，就像官网上说的那样“write less ,do more”。Jquery在一定程度上改写了以往对JavaScript的写法，本人就用jquery实现上篇中用ajax实现异步通信的效果，感受一下jquery的魅力。首先你需要下载jquery的最新的js文件，并将其引入到文件中,你也可以在此下载：点我下载。这次通信用的是jquery的jQuery.post(url,[data], [callback],[type])方法，这是一个简单的POST 请...
基本动画代码：代码如下:Hello World jQuery! $(document).ready(function(){ //基本的动画函数主要分为show, hide和toggle三个. 都提供了无参数的版本//并且都提供了两个参数的重载，如show( speed, [callback] ), //callback,签名如下:function callback() {this;}在回调函数中的this 是执行此函数的DOM 对象. 会在动画结束时执行.//因为回调函数可以省略, 所以可以传入一个数值作为唯一参数, 则会在参数规定的时间内用动画效果的...
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();因为参数的个数是不确...
从return new jQuery.fn.init( selector, context, rootjQuery )中可以看出参数selector和context是来自我们在调用jQuery方法时传过来的.那么selector和context都有哪些可能.对于表格中的4~9行中的可能做具体分析. 如果selector是字符串,则首先检测是html代码还是#id.126行的if语句:以"<"开头,以">"结尾,且长度>=3.则假设额这个是HTML片段,这里只是假设不一定就是合肥的html代码.比如"";130行的else:表示不是html代码.这个时候用正...
从源码中可以看到,这些常见的方法,都是直接从原生的javascript中"借鉴"过来的.为什么这么说呢?225行中,在运行时,this是指向jQuery对象的,通过call语句借鉴slice方法,切割出一个数组出来,这种"借鸡下蛋"的方法,真的是让人拍手叫绝.slice(start,end)是用来切分数组的.start表示切分数组的开始位置.省略end表示到从start一直到最后
代码如下: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...
请求数据 我们可以使用 GET、POST 两种方式向后端请求数据，这里以 PHP 为例，假设有测试页面 age.php，用于返回年龄信息，内容为：if(isset($_REQUEST[name]) && $_REQUEST[name] == stephen) {echo 23; }当前页面内容为：stephenage : 我们希望点击 a 标签后，在不刷新页面的前提下获取年龄信息。首先用 GET 方式请求数据: GET 方式点击 a 标签后，当前页面为：数据请求成功。我们再用 POST 方式测试下： POST 方式代码几乎一样，...
加载 HTML 我们通常使用加载 HTML 的方法来加载 HTML 片段，并插入到指定位置，假设当前页面为：load同目录下的 test.html 文件内容为：test我们可以使用 load 方法来加载 HTML，将其绑定到按钮的点击事件上：点击按钮后：加载 JSON JSON 即 Javascript Object Notation，直译过来即 Javascript 对象表示法，因此它能很方便地表示和传输数据，它规定键和值都必须包含在双引号内，且函数为非法 JSON 值。{"name": "stephenlee", "se...