文档章节

Jquery自学笔记

惟爱你
 惟爱你
发布于 2014/06/28 16:29
字数 900
阅读 39
收藏 0

Jquery自学笔记

                                                                            

第一章 Jquery介绍

获取输入框内容

1、获取输入值:

第一种:

F:\12.Javascript学习之路\Jquery学习\demo01.html

 

第二种:

F:\12.Javascript学习之路\Jquery学习\demo02.html

 

第三种:

F:\12.Javascript学习之路\Jquery学习\demo03.html

 

第四种:

F:\12.Javascript学习之路\Jquery学习\demo04.html

 

 

添加样式

1、为有id的添加css,例如:

2. 移除CSS

 

3、添加CSS

 

第二章 Jquery选择器

参考书籍:F:\4.文档书籍\ jQuery1.10.3_20131214.chm

第一节、Jquery选择器介绍

第二节、基本选择器

ID选择器:$("#a1").css("background-color","red");

Class选择器:$(".c1").css("background-color","red");

标签选择器:$("a").css("background-color","red");

F:\12.Javascript学习之路\Jquery学习\demo05.html

 

第一节、属性选择器

$("[href]").css("background-color","red");

         $("[href='#']").css("background-color","red");

         $("[href$='com']").css("background-color","red");

                  

        

         F:\12.Javascript学习之路\Jquery学习\demo05.html

 

第一节、其他选择器

         $("p.c1").css("background-color","red");

         $("ulli:first").css("background-color","red");

         $("ulli:last").css("background-color","red");

 

F:\12.Javascript学习之路\Jquery学习\demo05.html

 

第三章 Jquery操作Dom

第一节:Jquery操作DOM节点

1,  查找节点

var li2 =$("ul li:eq(1)");  //变成Jquery对象

 

2,  创建节点 append()

var li3 = $("<li title='这是易明'>易明</li>");//创建Jquey对象

var li4 = $("<li title='这是XiaoMAo'>Xiaomaoguai</li>");

$("ul").append(li3);              //加到无序列表最后面

li4.insertAfter($("ulli:eq(0)"));     //插入到一个Jquery对象之后

3,删除节点 remove()

第二节:Jquery操作DOM节点属性

1,查找属性

语法:Jquery对象.attr(属性名称);

alert($("ulli:eq(1)").attr("title"));

3,  设置属性

语法:Jquery对象.attr(属性名称,属性内容);

$("ul li:eq(1)").attr("title","你懂得");

4,  删除属性

语法:Jquery对象.removeAttr(属性名称);

第三节:Jquery操作DOM节点样式

1,  获取样式

语法:类似属性 :Jquery对象.attr(“class”)

$(“ul li:eq(1)”).attr(“class”);

2,  设置样式

语法:Jquery对象.attr(“class”,样式)

3,  追加样式

$("ulli:eq(0)").attr("class","lc2");  //添加样式

$("ulli:eq(1)").addClass("lc3");  //追加,可以有多个样式

4,  移除样式

$("ul li:eq(1)").removeAttr("class");//方法一 :移除所有的样式

$("ul li:eq(1)").removeClass("lc");//方法二:移除指定样式

 

F:\12.Javascript学习之路\Jquery学习\demo07.html

 

第四节:设置和获取HTML,文本和值

1,获取 html,设置 html

 

 

2,获取文本,设置文本

 

 

3,获取值,设置值

 

 

第五节:遍历节点操作

1,获取所有子节点 children()

2,获取邻近的下一个兄弟节点 next()

3,获取邻近的上一个兄弟节点 prev()

 

第六节:Jquery操作DOM节点CSS

1,获取 DOM 节点 CSS 样式

5,  设置 DOM 节点 CSS 样式

 

 

 

 

第四章 Jquery事件操作

第一节:文档加载事件

$(function(){});

$(document).ready(function(){});

第二节:DOM单击、双击事件

第三节:DOM获得焦点、失去焦点事件

第四节:DOM鼠标移入,移出事件

第五章 Jquery动画效果

第一节:Jquery隐藏与显示DOM

 

第二节:Jquery淡入和淡出DOM

 

第三节:Jquery滑动DOM

 

第四节:Jquery动画

 

第五节:Jquery callBack回调方法

 

第六节:Jquery暂停动画

 

 

 

第六章 Jquery Ajax

第一节:Jquery Ajax简介

Jquery Ajax 操作封装了一套跨浏览器,方便用户使用的 Api

第二节:Jquery Ajax Load方法

远程请求,把请求的数据载入到 DOM 里;

load( url , [,data] , [,callback])

Url:请求地址

Data:请求参数

Callback:请求完成后的回调方法

 

第三节:jquery Ajax Get/Post方法

 

Ajax 请求后台;

$.post(URL,data,callback);

Url:请求地址

Data:请求参数

Callback:请求完成后的回调方法



来自为知笔记(Wiz)



© 著作权归作者所有

共有 人打赏支持
惟爱你
粉丝 2
博文 29
码字总数 28833
作品 0
武汉
程序员
私信 提问
分享26本关于Jquery的学习书籍(免费下载)

分享26本关于Jquery的学习书籍(免费下载) 1、精通JavaScript+jQuery 2、网友small6分享锋利的jQuery实例源码 3、网友small6分享jQuery权威指南配套源代码 4、犀利开发jQuery内核详解与实践...

邓剑彬
2012/11/30
3.3K
8
jQuery对象与dom对象的转换(转)

最近在闲暇时间用jQuery搞了一个多文件上传的东东,顺便写点笔记。 一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的,开始的时候不理解,现在此案知道,原来jQu...

想个昵称
2011/02/25
0
0
五种方法解决Magento中jQuery和Prototype兼容性

Magento的发布版本里的JS大多是用Prototype写的,如果需要引入jQuery的话,可能有些变量会冲突,所以需要做些处理来处理jQuery和Prototype的兼容性。 第一种情况:先加载Prototype,再加载j...

PHPUI
2012/04/27
0
0
【每天一个JQuery特效】淡入淡出显示或隐藏窗口

我是JQuery新手爱好者,有时间就练练代码,防止手生,争取每天一个JQuery练习,在这个博客记录下学习的笔记。 本特效主要采用fadeIn()和fadeOut()方法显示淡入淡出的显示效果显示或隐藏元...

Rhymo-Wu
06/18
0
0
JavaWeb05-HTML篇笔记(一)

1.1上次课内容回顾: JQuery: JQuery的概述:是一个轻量级的JavaScript的类库.对JS进行封装. 常见的JS的框架: JQuery的使用: JQuery的选择器:(*) JQuery实现效果: JQuery样式操作: JQuer...

我是小谷粒
05/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

网易免费企业邮箱配置客户端

网易免费企业邮箱客户端(pop、imap、smtp)权限默认开启,对应服务器地址为: 发件服务器: SMTP:smtp.ym.163.com 默认端口为:25 (如勾选ssl安全链接,端口号为994) 收件服务器: POP3...

柴高八斗之父
2分钟前
0
0
Hanlp在ubuntu中的使用方法介绍

HanLP的一个很大的好处是离线开源工具包,换而言之,它不仅提供免费的代码免费下载,而且将辛苦收集的词典也对外公开啦,此诚乃一大无私之举.我在安装的时候,主要参照这份博客: blog.csd...

左手的倒影
5分钟前
0
0
软件架构的案例(架构学习九)

阿里 liunx+php+apache+mysql(淘宝网成立)->oracle(淘宝旺旺、支付宝)->java1.0(EJB、Mysql)->java2.0(Spring、JBoss、)->java3.0->分布式时代...

zzx10
6分钟前
1
0
用9种办法解决 JS 闭包经典面试题之 for 循环取 i

闭包 正确的说,应该是指一个闭包域,每当声明了一个函数,它就产生了一个闭包域(可以解释为每个函数都有自己的函数栈),每个闭包域(Function 对象)都有一个 function scope(不是属性),function ...

Jack088
8分钟前
0
0
Yearning基于Inception的开源SQL审核平台

基础环境: python3 nodejs vuejs mysql python-ldap pymysql mysql 新建数据库 create database Yearning DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci; Navicat导入初始化数据 : ......

以谁为师
26分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部