jquery学习笔记

以下是为您整理出来关于【jquery学习笔记】合集内容,如果觉得还不错,请帮忙转发推荐。

【jquery学习笔记】技术教程文章

JQuery 学习笔记 选择器之三

代码如下:<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="js/jquery-1.3.2.js"></script> <script type="text/javascript"><!-- $(function(){ $("#aFirst").click(function()...

JQuery 学习笔记 选择器之四

代码如下:<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="js/jquery-1.3.2.js"></script> <script type="text/javascript"><!-- $(function(){ $("#aContains").click(fun...

JQuery学习笔记 实现图片翻转效果和TAB标签切换效果第1/2页

所以自己也下了一个来学习,把之前写的几个JS代码都转换成JQuery,既能保证代码的清晰,也保证了代码的通用性,真是一举两得啊,由于是初学者,所以代码有许多的不足,还请大家多多指正:)1、实现图片翻转效果,DW本身提供了这个功能,不过还是自己写的好用,呵呵。之前写的方式比较麻烦,代码也比较乱,用JQuery改造后可以使其更加清晰,核心代码如下: JS代码 代码如下:<script type="text/javascript"> <!-- $(document).read...

jQuery学习笔记之jQuery动画效果

基本动画代码:代码如下:<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学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路【图】

jQuery是时下比较流行的一个js库,能够用简单的代码做出理想的效果,就像官网上说的那样“write less ,do more”。Jquery在一定程度上改写了以往对JavaScript的写法,本人就用jquery实现上篇中用ajax实现异步通信的效果,感受一下jquery的魅力。 首先你需要下载jquery的最新的js文件,并将其引入到文件中,你也可以在此下载:点我下载。 这次通信用的是jquery的jQuery.post(url,[data], [callback],[type])方法,这是一个...

jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架【图】

好久以来就想实现一个模态的框框,找了很多的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/...

jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路【图】

花了一晚上的时间解决了一个看似很容易的问题。今晚做的这个东西中由于要获取某列中的一个ID值。如果是用平常的那种JS传值的方式此问题就不存在,但是由于此次用到的都是jquery插件,包括各种弹出框,用JS传值就得用JS那丑陋的弹出框,所以,你懂得。 网上找了很多方法,用起来都不行,后来想到了jquery中的鼠标事件,可以在鼠标经过table时,获得当前行与列的值。页面如下所示: 具体操作就是点击“删除”按钮,然后调用jquery插...

jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能【图】

在Web中用到多选项卡功能的网站有很多,比如163和126邮箱,用过的人知道。本人在那么多的类似插件中,目前碰到这个比较好,花了点时间调试出来了,请看效果图:这款插件叫jqueryMagicTabs,上图实现了基本功能,如添加选项卡,选择指定的选项卡。当添加的选项卡超过一定长度时会出现左右滑动的按钮,同时支持鼠标滑动选项卡。 这段代码如下所示: 代码如下:<%@ page language="java"contentType="text/html; charset=UTF-8" pageEn...

jQuery学习笔记 更改jQuery对象

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对象

使用jQuery选择器选择页面元素,目的是为了生成jQuery对象,语法相当简单:$(selector)。但值得注意的是,这是生成jQuery对象,不是DOM对象,因此$(selector).innerHTML以获取元素内部HTML代码是错误的,正确写法是$(selector).html()。同样的,判断一个DOM对象是否存在,不能够写成if($(selector)),而是if($(selector).length>0)。 当然jQuery对象和DOM对象可以互转换。从上面的例子也可以看出,jQuery对象可以视为是一个DOM对象...