jquery面试笔记

1.为什么使用jquery，好处

1.jQuery是一款轻量级的框架，大小不到30kb

2.它有强大的选择器，出色的DOM操作的封装

3.jQuery在处理事件绑定非常可靠

4.完善的ajax，不需要考虑复杂浏览器的兼容性和HMLHttpRequest对象的创建

5.出色的浏览器的兼容性

6.支持链式操作，隐式迭代

2.$(document).ready()$(function({}))方法和window.onload区别

1.window.onload方法是在网页中所有的元素完全加载到浏览器后才执行

2.$(document).ready()可以在DOM载入就绪是对其进行操作，并调用执行绑定的函数

3.jQuery选择器

基本选择器，层次选择器，表单选择器，id选择器，标签选择器，类选择器

层次选择器：$(“form input”) $("#main>*")

过滤选择器：$(“tr:first”) $(“tr:last”)

表单选择器：$(":input") $(":text")

4.$符号

$符号就是jquery的简称

5.jquery与DOM对象怎么转换

1.jquery对象是一个包含了dom对象的数组 可以通过jquery对象【下标】获取都没对象

2.将dom对象放入$("")中转为jquery对象

6.$.get与$.post

1.$.get()使用GET方法来进行异步提交。$.post()使用POST方法来进行异步提交

2.get请求方式将参数跟在url后进行穿度用户可见，post请求则是作为http消息的实体内容发送给服务器

3.post传输数据比get大

4.get请求的数据会被浏览器缓存，不安全

$.get() 方法使用 HTTP GET 请求从服务器加载数据。

使用格式： $.get(url,[data],[callback])

说明：　url为请求地址，

data为请求数据的列表(是可选的，也可以将要传的参数写在url里面)，

callback为请求成功后的回调函数，该函数接受两个参数，第一个为服务器返回的数据，第二个参数为服务器的状态，是可选参数

$.post使用格式：$(selector).post(URL,data,function(data,status,xhr),dataType)

url规定请求发送到哪个url

type为返回的数据类型，可以是html,xml,json等类型，如果我们设置这个参数为：json，那么返回的格式则是json格式的，如果没有设置，就 和$.get()返回的格式一样，都是字符串的。

7.jquery动画

隐藏：hide()

显示：show()

淡入淡出：fadeIn()==淡入(显示) fadeOut()==淡出(消失)

滑动：slideUp()==向上滑动 slideDown()==向下滑动

8.jquery节点方法

append：向每个匹配的元素内部追加内容

prepend：向每个匹配的元素内部前置添加内容

9.jquery如何来获取和设置属性

attr()获取和设置元素属性

removeAttr()方法来删除元素属性

10.设置和获取HTML和文本的值

获取HTML：$(“选择器”).html()

获取文本的值：$(“选择器”).text()

11.jquery中有哪些方法可以遍历节点

children():获取匹配元素的子元素集合,不考虑后代元素KaTeX parse error: Expected '}', got 'EOF' at end of input: (function(){(“div”).children()})

next()获取匹配元素后边紧邻的同级元素

prev()获取匹配元素前紧邻的同级元素

siblings()获取匹配元素前后的所有同辈元素

12.json数据格式

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式.易于人阅读和编写,同时也易于机器解析和生成.JSON采用完全独立于语言的文本格式.
JSON最常见的用法之一,是从web服务器上读取JSON数据,将JSON数据转换为JavaScript对象,然后在网页中使用该数据.

13.jquery中常见的几种函数以及含义

jQuery中常见的函数如下:   
    1)get()取得所有匹配的DOM元素集合. 
  2)get(index)取得其中一个匹配的元素.index表示取得第几个匹配的元素. 
  3)append(content)向每个匹配的元素内部追加内容. 
  4)after(content)在每个匹配的元素之后插入内容. 
  5)html()/html(var)取得或设置匹配元素的html内容. 
  6)find(expr)搜索所有与指定表达式匹配的元素. 
  7)bind(type,[data],fn)为每个匹配元素的特定事件绑定事件处理函数. 
  8)empty()删除匹配的元素集合中所有的子节点. 
  9)hover(over,out)一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法. 
  10)attr(name)取得第一个匹配元素的属性值. 
  11)addClass(class)和removeClass(class)为指定的元素添加或移除样式. 
  12)css(name)访问第一个匹配元素的样式属性. 
  13)ajax([options])通过HTTP请求加载远程数据. 
  14)get(url,[data],[callback],[type])通过远程HTTP GET请求载入信息. 
  15)post(url,[data],[callback],[type])通过远程HTTP POST请求载入信息. 
  16)load(url,[data],[callback])载入远程HTML文件代码并插入至DOM中

14.ajax的优点和缺点

1.页面无刷新，用户体验好

2.使用异步方式和服务器通信，具有更加迅速的响应能力

3.ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担。

4.可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节

约空间和宽带租用成本。

5.基于标准化的并被广泛支持的技术，不需要下载插件或者小程序

15.ajax最大的特点

ajax可以实现动态不刷新(局部刷新)

就是能再不更新整个页面的前提下维护数据

16.怎么阻止冒泡事件

stopPropagation();

17.bind()方法

1.bind（）方法：
bind()函数用于为每个匹配元素的一个或多个事件绑定事件处理函数。
$(selector).bind（event，data，function）
参数 描述：

selector：需要绑定事件的元素

event事件是必需要写的。规定添加到元素的一个或多个事件。由空格分隔多个事件。而且必须是有效的事件。

data数据 可选。规定传递到函数的额外数据。

function 必需。规定当事件发生时运行的函数。

18.hover()与toggle()方法

hov位6r()功能是当鼠标移动到所选的元素上面时，执行指定的第一个函数；当鼠标移出这个元素时，执行指定的第二个函数，其语法格式如下：

hover(over，out)

参数over为鼠标移动到元素时触发的函数，参数out为鼠标移出元素时触发的函数。

toggle()方法的功能是每次单击后依次调用函数，请注意“依次”这两个字，说明该方法在调用函数时并非随机或指定调用，而是通过函数设置的前后顺序进行调用，其调用的语法格式如下：

toggle(fn,fn2,[fn3,fn4,…])

其中参数fn,fn2,…,fnN为单击时被依次调用的函数。

19.animate()方法

jquery animate()方法用于创建自定义动画

语法：

$(selector).animate({params},speed,callback);

必需的params参数定义形成动画的css属性。

可选的speed参数规定效果的时长。它可以取一下值：“slow”,“fast”或毫秒

可选的callback参数是动画完成后所执行的函数名称