重点知识-jQuery

1. jQuery工厂函数的作用是什么？

1. 查找DOM元素节点对象，并将DOM元素节点对象封装为一个jQuery对象

2. 将DOM元素节点对象封装为jQuery对象

3. 直接将HTML结构封装为一个jQuery对象

2. jQuery如何操作行内样式？

2.1 设置单个样式

$('选择器').css('样式名','属性值')

2.2 设置多个样式

$('选择器').css({ 
    '样式名':'属性值',
    '样式名':'属性值',
    ...
})

2.3 获取单个样式值

$('选择器').css('样式名');

3. jQuery如何操作class类样式？

2.1 追加类样式

//单个类样式
$(selector).addClass(class)

//多个类样式，多个类样式用空格隔开
$(selector).addClass(class1 class2 ... classN)

2.2 移除指定类样式

//移除单个类样式
$(selector).removeClass(class)

//移除多个类样式
$(selector).removeClass(class1 class2 ... classN)

2.3 判断是否存在指定类样式

//判断是否存在单个类样式
$(selector).hasClass(class)

//判断是否存在多个类样式
$(selector).hasClass(class1 class2 ... classN)

2.4 切换指定类样式

如果对应样式存在，那么移除，否则添加

//切换单个类样式
$(selector).toggleClass(class)

//切换多个类样式
$(selector).toggleClass(class1 class2 ... classN)

3.jQuery操作内容、属性和值的方式有哪些？

$(selector).html(content)： 设置对象中的内容(HTML格式)

$(selector).html()：获取对象中的内容(HTML格式)

$(selector).text(content)：设置对象中的内容(文本格式)

$(selector).text()：获取对象中的内容(文本格式)

$(selector).val(value)：设置匹配元素的值

$(selector).val()：获得匹配元素的当前值

$(selector).attr(name,value)：追加单个属性

$(selector).attr({name1:value1,name2:value2,…})：追加多个属性

$(selector).attr(name)：获取指定属性

$(selector).removeAttr(name)：移除单个属性

4. jQuery添加、移除节点方式有哪些？

$(selector).append(content)：在被选元素内部的结尾插入指定内容

$(selector).prepend(content)：在被选元素内部的开头插入指定内容

$(selector).after(content)：在被选元素后插入指定内容

$(selector).before(content)：在被选元素前插入指定内容

$(selectorRang).remove(selector)：移除被选元素（包含数据和事件）；selectorRang：用于首次圈定要移除元素，可能是多个也可能是一个；selector：是一个可选参数，用于在圈定移除元素中再次筛选(一般情况下，selector都会忽略，直接在selectorRang中就选好)

$(selector).empty()：从被选元素移除所有子节点和内容

5. jQuery访问元素节点方式有哪些？

$(selectorRang).children(selector)：获取所有子元素节点（selector用于进行二次筛选）

$(selectorRang).next(selector)：获取下一个兄弟元素节点（selector用于进行二次筛选）

$(selectorRang).prev(selector)：获取前一个兄弟元素节点（selector用于进行二次筛选）

$(selectorRang).siblings(selector) ：获取前面以及后面所有的兄弟元素节点（selector用于进行二次筛选）

$(selectorRang).parent(selector)：获取父级元素节点（selector用于进行二次筛选）

$(selectorRang).find(selector)：获取其下指定选择器的元素节点（selector用于进行二次筛选）

6. 什么是jQuery隐式迭代与显示迭代？

6.1 隐式迭代概念

当我们通过选择器得到一个jQuery对象集合时，如果我们对这个jQuery对象集合的操作是一致的且执行的是jQuery为我们提供的方法，那么我们就可以直接使用jQuery为我们提供的方法

jQuery会自动的帮我们迭代这个jQuery对象集合，然后自动的执行对应的方法

6.2 显示迭代函数each

通过each函数，我们可以针对一个jQuery对象集合，手动的进行迭代

注意：此函数仅针对于jQuery对象或者对象集合

7. 简要描述一下Ajax的特性

1. Ajax最吸引人的就是它的“异步”特性，在不重新加载页面的情况下发送请求给服务器
2. 接收并使用从服务器发来的数据