从源码中可以看到,这些常见的方法,都是直接从原生的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...
先来看代码： 代码如下:(function (window, undefined) { //构建jQuery对象 var document = window.document, navigator = window.navigator, location = window.location; var jQuery = (function () { var jQuery = function (selector, context) { return new jQuery.fn.init(selector, context, rootjQuery); ...
一:$(selectorStr[,限制范围]),接受一个选择器(符合jQuery规范的字符串),返回一个jQuery对象;代码如下: //$(selector[,限制范围]) $(".guo").click(function () {//这里没有context参数 $("a.aguo", this).css({"color":"red"});//this就是context参数,用于限定范围 }); 二:$(htmlStr[,文档对象]),$(html[,json对象])传入html字符串,创建一个新的dom元素 当传入的是字符串的时候,构造函数会判断是选择...
基本动画代码：代码如下:<html xmlns="http://www.w3.org/1999/xhtml"><head><title>Hello World jQuery!</title><script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript">$(document).ready(function(){ //基本的动画函数主要分为show, hide和toggle三个. 都提供了无参数的版本//并且都提供了两个参数的重载，如show( speed, [callback] ), //callback,签名如下:function callback()...
jQuery是时下比较流行的一个js库，能够用简单的代码做出理想的效果，就像官网上说的那样“write less ,do more”。Jquery在一定程度上改写了以往对JavaScript的写法，本人就用jquery实现上篇中用ajax实现异步通信的效果，感受一下jquery的魅力。 首先你需要下载jquery的最新的js文件，并将其引入到文件中,你也可以在此下载：点我下载。 这次通信用的是jquery的jQuery.post(url,[data], [callback],[type])方法，这是一个...
好久以来就想实现一个模态的框框，找了很多的jquery插件，都没有碰到自己满意的，这次碰到了一个，但是由于还处于开发阶段吧，连个文档API都没有，自己摸索了好长一段时间才搞定。 先来看看代码，本人看着源代码定制了自己想要的效果： 代码如下:<%@ page language="java"contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN" "http://www.w3.org/...
花了一晚上的时间解决了一个看似很容易的问题。今晚做的这个东西中由于要获取某列中的一个ID值。如果是用平常的那种JS传值的方式此问题就不存在，但是由于此次用到的都是jquery插件，包括各种弹出框，用JS传值就得用JS那丑陋的弹出框，所以，你懂得。 网上找了很多方法，用起来都不行，后来想到了jquery中的鼠标事件，可以在鼠标经过table时，获得当前行与列的值。页面如下所示： 具体操作就是点击“删除”按钮，然后调用jquery插...
在Web中用到多选项卡功能的网站有很多，比如163和126邮箱，用过的人知道。本人在那么多的类似插件中，目前碰到这个比较好，花了点时间调试出来了，请看效果图：这款插件叫jqueryMagicTabs，上图实现了基本功能，如添加选项卡，选择指定的选项卡。当添加的选项卡超过一定长度时会出现左右滑动的按钮，同时支持鼠标滑动选项卡。 这段代码如下所示： 代码如下:<%@ page language="java"contentType="text/html; charset=UTF-8" pageEn...
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对象存储在一个变量中，多次调用。然而...
使用jQuery选择器选择页面元素，目的是为了生成jQuery对象，语法相当简单：$(selector)。但值得注意的是，这是生成jQuery对象，不是DOM对象，因此$(selector).innerHTML以获取元素内部HTML代码是错误的，正确写法是$(selector).html()。同样的，判断一个DOM对象是否存在，不能够写成if($(selector))，而是if($(selector).length>0)。 当然jQuery对象和DOM对象可以互转换。从上面的例子也可以看出，jQuery对象可以视为是一个DOM对象...
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的值。这两个方法获取的是元素在页面中的实际高度宽度值，多用于数学运算，比较方便...
元素的属性处理方法描述attr(name) attr(name,value) attr(name,fn(index,value)) attr({name1:value1,…,nameN:valueN})获取某个属性的取值，或可以用于设置某个属性的值。还可以使用函数作为参数，将函数返回值作为需要为元素属性设置的值，比如将第(index+1)个元素的name属性设置为函数返回值（实际上，明白函数式就根本不需要这说明）。也可以一次性给同一元素多个属性removeAttr(name)删除某个元素的属性取值 元素的class属...
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载 以前对于JavaScript总是在用到的时候在页面上写几个函数，基本没考虑到函数的封装与重用，最近有个项目可能对于这方面要求有点高，所以就研究了下类似jQuery的封装。 这里就图片等比缩放以及预加载的效果来尝试下，写写类似的JavaScript代码。 图片等比缩放以及预加载的效果如下(预加载效果有时候会不是很明显)： JS主要代码如下： 代码如下:(function() { var yQuery =...
好了开始我的Jquery第一天。 我也是从Hello wrod!开始的。关于jquery 的引用我直接一笔带过。如下： 代码如下:<html> <head> <title>jquery 链式操作</title> <script type="text/javascript" src="jquery-1.3.1.js"></script> <script type=text/javascript> $(document).ready(function(){ alert("hello word!"); //静止右键点击 // $(document).bind("contextmenu",function(e){ // return false; // }); }); </script> </head...