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() —— 类似于dom的innerHTML，用于获取标签中间的内容（含有html标签）

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

4. text() | text(“”) —— 类似于dom的innerText，用于获取标签中间的文本内容（不含有标签）

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））