jquery学习笔记

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

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

JQuery 学习笔记01 JQuery初接触

一、下载官方网址是http://jquery.com/官方下载地址:http://docs.jquery.com/Downloading_jQuery里边有当前版本和历史版本的下载,可以下载下来部署在自己的服务器上上面也有Google\Microsoft\jQuery的CDN(Content Delivery Network)地址,由于目前jQuery的广泛使用,选择CDN地址可以充分利用缓存和这些互联网大佬们的带宽和服务器资源。官网上下载有两种版本Compressed(Minified version)和Uncompressed(Source version)前者...

jquery学习笔记二 实现可编辑的表格【图】

实现可编辑的表格demo: 实例图: 代码: 代码如下:<!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 runat="server"> <title></title> <script type="text/jscript" src="jquery-1.4.2.min.js"></script> <script type="text/jscript" language="javascript"> //简化的ready写法:页面加载完成时候...

jquery 学习笔记一【图】

jquery基本信息jquery的官方网站:www.jquery.comjquery解释: jquery是javascript的类库,提供了大量的javascript的类库和API,方便javascript开发。jquery API中文参考手册: http://jquery-api-zh-cn.googlecode.com/svn/trunk/index.html 前台数据提交到后台demo: 实例图: 功能点:1.使用$("#UserName")获取id为UserName的jquery对象。2.使用jquery的get、ajax、load三个方法向后台提交数据。3.使用jquery的removeClass和...

Jquery 学习笔记(二)【图】

选择器 从最开始看到Jquery这样的选择器就让我想起了CSS的选择器,简直是同出一辙啊,CSS的选择器语法个人觉得相当的经典,那么Jquery借鉴CSS也就没有多少疑问了。 还是复习一下Jquery的选择器吧 其中h1为选择器,color:red与background:#d00与声明,两者结合也即{}内称为声明块;color与background称为属性;red与#d00称为值。 其中选择器类别可分为以下类别: 标签选择器:p{CSS rules} id选择器:#ID{CSS rules} 类选择器:.Cla...

Jquery 学习笔记(一)

基础知识: 想要结构与行为分离当然不能使用<button onclick="…"></button>之类的东西了,js是写在<head>之间的,那就说起了 window.onload——这不是一个好东西,所以就有了Jquery颇具创意的 代码如下:$(document).ready(funciton(){ … }); 当然还会更精简: 代码如下:$(function(){ … }); 所以我的第一个Jquery脚本就是这样的。 $(function(){alert("Im ready")}); Jquery对象的方法与DOM对象的方法是不能混合使用的。例如...

JQuery 学习笔记 选择器之一

本章主要先对Jquery的选择器进行说明下,本人也不敢说讲解,哈,因为我也是正在学习中,本系列文章所写目的只在与对自己学习过程中的心得等记录下来,一方面加强自己的印象,另一方面共享下学习的经验,呵,小弟刚开始写这种文章,希望大家多多支持^^,有哪些方法不好可以跟贴指导指导^^ 现在,让我们一起开始在JQuery的世界里飞翔吧^^ 首先,本章先来学习JQuery最基本的选择器的使用咯 先声明下,使用JQuery最基本的规则 $(document).ready(f...

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" /> <script src="js/jquery-1.3.2.js"></script> <script type="text/javascript"><!-- $(function(){ $("#aNth1").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(){ $("#aDescendant").click(func...

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" /> <script src="js/jquery-1.3.2.js"></script> <script type="text/javascript"><!-- $(function(){ $("#aFirst").click(function(){ ...

JQuery 学习笔记 element属性控制

代码如下:<!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" /> <script src="js/jquery-1.3.2.js" ></script> <script type="text/javascript"><!-- $(function(){ $("#aAttr1").click(function(){ ...