文档章节

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)



© 著作权归作者所有

共有 人打赏支持
惟爱你
粉丝 1
博文 29
码字总数 28833
作品 0
武汉
程序员
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学习笔记--选择器和事件

以下内容参考 W3school 简书 你要是问我什么是jQuery 那可以这么两句话概括: jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 要学jQuery最好有点javaScript的基础 ...

codingcoge
05/17
0
0
JavaWeb05-HTML篇笔记(一)

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

我是小谷粒
05/10
0
0
五种方法解决jQuery和Prototype兼容性

第一种情况:先加载Prototype,再加载jQuery 方法一:jQuery 库和它的所有插件都是在jQuery名字空间内的,包括全局变量也是保存在jQuery 名字空间内的。 使用jQuery.noConflict();主要作用是...

zhengguogaun
2013/06/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

angular 解决其他电脑不能访问的问题。

ng serve --host 0.0.0.0 --disable-host-check

miaojiangmin
今天
1
0
优酷视频文件怎么转换格式

  以前在优酷上下载视频都只是在手机上观看,但随着科技的发展,对于视频的要求也逐渐增多,不再只是观看视频那么简单,在精彩的部分还会将其单独分割出来,然后进行视频剪辑,可以做出我们...

萤火的萤火
今天
0
0
数据结构:散列

在一个数据结构中查找key元素,用顺序查找、二分查找都需要经过一系列关键之比较才能查找到结果,平均查找长度与数据量有关,元素越多比较次数就越多。 如果根据元素的关键字就能知道元素的存...

京一
今天
0
0
Apache RocketMQ 正式开源分布式事务消息

近日,Apache RocketMQ 社区正式发布4.3版本。此次发布不仅包括提升性能,减少内存使用等原有特性增强,还修复了部分社区提出的若干问题,更重要的是该版本开源了社区最为关心的分布式事务消...

阿里云云栖社区
今天
30
0
使用JavaScript和MQTT开发物联网应用

如果说Java和C#哪个是最好的开发语言,无疑会挑起程序员之间的相互怒怼,那如果说JavaScript是动态性最好的语言,相信大家都不会有太大的争议。随着越来越多的硬件平台和开发板开始支持JavaS...

少年不搬砖老大徒伤悲
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部