手记

jquery

         

 第一章 Jquery

jquery中查找对象:

1. 根据标签名找对象: $("标签名");

2. 根据ID属性找对象:$("#id");

3. 根据class属性找对象:$(".class对象名");

jquery中的常用事件:

跟标准的javascript事件类似,去掉on关键字即可。

例如:onclick事件-->click()  onmouseover事件-->mouseover()

根据对象查找子元素:

对象.find("子元素的标签名 或者 #id名 或者 .class对象名");

Jquery对象与Dom对象相互转换

将标准的dom对象转化成Jquery的对象语法:$(dom对象名);

jquery对象转化成标准的dom对象语法:var domobj = jquery对象[0];

 

 

第二章 Jquer中的选择器

 

Jquery中查找对象,是基于Css样式的选择器来查找;Jquery中带有异常处理。

 

 

Jquery中判断元素是否存在

 

方式一:

if( $(“对象”).length ){

}

方法二(转化成dom对象):

if( $(“对象”)[0] ){

}

 

 

选择器分类:

 

一. 基本选择器

标签选择器、id选择器、class选择器、群组选择器(格式:标签1,标签2,….

 

 

常用方法:

 

1. css(“样式名”,”样式值”);—— 用于设置对象的style属性。

2. html() —— 类似于dominnerHTML,用于获取标签中间的内容(含有html标签)

3. html(“”) —— 设置标签中间的内容

4. text() | text(“”) —— 类似于dominnerText,用于获取标签中间的文本内容(不含有标签)

5. attr(“参数1—— 表示指定属性的值。

6. attr(“参数1”,“参数值“—— 表示设置对象的属性值。

7. val() —— 表示获取或设置表单元素的value值。

 

 

二.层次选择器

 

空格:表示当前对象的所有节点。

> : 表示当前对象的所有子节点(不包括孙子节点)。

+ : 表示当前对象的下一个兄弟节点。

~:表示当前对象之后的所有兄弟节点。

 

 

三.属性选择器(可以根据对象的属性进行查找)

 

:表示精确比较属性的值。

!= :表示没有属性为指定值的对象。

:开始

$ : 结尾

* : 表示任意位置

[属性1][属性2]…. : 多个属性条件

 

 

 

 

Jquery中的Dom模型操作

 

 

Dom模型需要掌握:查找、添加、修改、删除

 

 

 

查找:

 

 

常用方法:

1. find(“子元素的对象”)——查找当前元素的所有子元素

2. next() —— 当前元素的下一个兄弟节点。

3. prev()——当前元素的上一个兄弟节点。

4. siblings()——当前元素的所有兄弟节点(前和后)。

5. parent()——当前元素的父节点。

6. filter(“过滤选择器”) —— 通过过滤选择器,选择当前元素的子元素(在已经找到的对象上过滤)。

 

 

添加:详细见p50

 

 

 

删除:对象.remove() 或者 对象.emtpy();(只能删除内容

 

 

 

 

复制:对象.clone();

 

 

 

 

修改(替换):对象.replaceWith(“新的对象”); 新对象.replaceAll(“旧的对象”);

 

 

 

 

 

 


Ajax 核心技术:Javascript + xml。

Ajax 的对象:
能够完成异步操作,使用XMLHttpRequest对象。

常用属性:

readyState —— 表示当前请求的状态(4表示请求是成功的)

status —— 表示服务器端是否正常执行了,用户的请求。(404-路径错误,200表示请求成功)

responseText —— 表示该请求完成之后,服务器返回的数据。

open() ——设置请求的路径,初始化请求。

send() —— 发生请求

 

onreadystatechange —— 事件(状态每发生一次改变都会触发(0-1,1-2,2-3,3-4))
 

 

 

 

0人推荐
随时随地看视频
慕课网APP