1.js的入口函数和jquery入口函数的区别？
JS入口函数：window.onload=function(){ } JQuery入口函数: $(document).ready(function(){ })
JS的window.onload事件必须要等到所有内容，以及外部图片之类的文件加载完之后，才会去执行。
JQuery入口函数是在所有标签加载完之后，就会去执行。
接着，通过JS的一个覆盖问题引出对JQuery入口函数实现的解释。
JS的入口函数window.onload函数有一个覆盖的问题，当文档中出现2个window.onload函数的时候，后者会覆盖前者，导致功能实现不了。但是JQuery却没有这样的问题，重要是因为JQuery入口函数只是对封装好了的方法的一个调用，只不过传的参数不同而已。
最后，说说JQuery入口函数（$(document).ready();）的实现方式。
2.jquery的值的操作哪个方法？
值操作是对DOM属性value进行读取和设置操作。 比如html()、 text()、 val().
格式：
$(selector).html()
这个方法不接受任何元素
作用：在一个HTML文档中， 可以使用.html()方法来获取任意一个元素的内容。 如果选择器匹配多个元素， 那么只有第一个匹配元素的HTML内容会被获取。
1.2 html() 设置值
格式：
$(selector).html(htmlString);
返回值：jQuery
作用： 用来设置每个匹配元素的一个HTML字符串
htmlString 类型：string
3.jquery和js对象如何转化？
两种转换方式将一个jQuery对象转换成js对象：[index]和.get(index);
(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的js对象。
如：var $v =$("#v") ; //jQuery对象
var v=$v[0]; //js对象
alert(v.checked) //检测这个checkbox是否被选中
(2)jQuery本身提供，通过.get(index)方法，得到相应的js对象
如：var $v=$("#v"); //jQuery对象
var v=$v.get(0); //js对象
alert(v.checked) //检测这个checkbox是否被选中
js对象转成jQuery对象:
对于已经是一个js对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。$(js对象)
如：var v=document.getElementById("v"); //js对象
var $v=$(v); //jQuery对象
转换后，就可以任意使用jQuery的方法了。
4.阐述一下js和jquery的关系？
1.jQuery是一个 js框架,封装了js的属性和方法。让用户使用起来更加便利,并且增强了 js的功能.
2.使用原生 js是要处理很多兼容性的问题(注册事件等)，由jQuery封装了底层，就不用处理兼容性问题。
3.原生的js的dom和事件绑定和Ajax等操作非常麻烦，jQuery封装以后操作非常方便。
5.jquery的html属相操作是哪个方法？你认为是js中哪个方法封装来的？
jQuery的属性操作， 是对html文档中的属性进行读取、设置和移除操作。比如，attr()、 removeAttr()。
1. attr()
attr()可以设置属性值或者返回被选元素的属性值
1.1 使用attr()获取值
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>attr()获取值</title> 6 <script type="text/javascript" src="jquery.js"></script> 7 <script> 8 9 $(function () { 10 var cla = $("div").attr("class"); 11 console.log(cla); 12 var id = $("div").attr("id"); 13 console.log(id); 14 }) 15 16 </script> 17 </head> 18 <body> 19 <div class="divClass" id="divId"></div> 20 </body> 21 </html>
结果为：
1.2 使用attr()设置值
1.2.1 使用attr()设置一个值
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>attr() Demo</title>
<script type="text/javascript" src="jquery.js"></script>
<script>
$(function () {
$("div").attr("class", "box");
})
</script>
</head>
<body>
<div></div>
<div></div>
</body>
</html>
结果显示为：
1.2.2 使用attr()设置多个值
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>attr() Demo</title>
<script type="text/javascript" src="jquery.js"></script>
<script>
$(function () {
$("div").attr({
"class": "divClass",
"id": "divId"
});
})
</script>
</head>
<body>
<div></div>
</body>
</html>
设置效果为:
2. removeAttr()
移除属性
2.1 删除单个属性
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>removeAttr() Demo</title>
<script type="text/javascript" src="jquery.js"></script>
<script>
$(function () {
$("div").removeAttr("class");
$("div").removeAttr("id");
})
</script>
</head>
<body>
<div class="divClass" id="divId"></div>
</body>
</html>
设置效果为：
2.2 removeAttr()设置多个属性值
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>removeAttr() Demo</title> 6 <script type="text/javascript" src="jquery.js"></script> 7 <script> 8 $(function () { 9 $("div").removeAttr("class id"); 10 }) 11 </script> 12 </head> 13 <body> 14 <div class="divClass" id="divId"></div> 15 </body> 16 </html>
js的setAttribute()方法封装来的
6.列举jquery的文档操作的方法？以及他们的意思？
jQuery的文档操作方法
7.对一个元素显示隐藏分别使用类控制(addClass和removeClass)和文档操作(append())来实现,并描述一下他们的区别？
使用jquery控制div的显示与隐藏，一句话就能搞定，例如：
1.$("#id").show()表示为display：block，
$("#id").hide()表示为display:none;
2.$("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，则切换为可见的。
3.$("#id").css('display','none');//隐藏
$("#id").css('display','block');//显示
或者
$("#id")[0].style.display='none';
display=none 控制对象的隐藏
display=block控制对象的显示
4.$("#id").css('visibility','hidden');//元素隐藏
$("#id").css('visibility','visible');//元素显示
CSS visibility 属性规定元素是否可见。
visible 元素可见。
hidden 元素不可见。
collapse 在表格元素中使用时，此值可删除一行或一列，但它不影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上，会呈现为 "hidden"。
inherit 从父元素继承 visibility 属性的值。
注意：
display:none和visible:hidden都能把网页上某个元素隐藏起来，在视觉效果上没有区别，但是在一些DOM操作中两者有区别:
display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。
visible:hidden--- 使对象在网页上不可见，但该对象在网页上所占的空间没有改变，即它仍然具有高度、宽度等属性，通俗来说就是看不见但摸得到。
//第1种方法 ,给元素设置style属性
$("#hidediv").css("display", "block");
//第2种方法 ,给元素换class，来实现隐藏div，前提是换的class样式定义好了隐藏属性
$("#hidediv").attr("class", "blockclass");
//第3种方法,通过jquery的css方法，设置div隐藏
$("#blockdiv").css("display", "none");
$("#hidediv").show();//显示div
$("#blockdiv").hide();//隐藏div
append的属性依然存在，只是在原来的基础上再后面增加属性 但是addClass和removeClass则是增加和删除属性，如果删除了，属性就不存在了 简单说就是一个是新增属性，一个是增删属性
8.列举jquery的筛选方法有哪些？重点
1.选择对象
1).基本
·#id 根据给定的ID匹配一个元素。例如：$("#id")
·element 根据给定的元素名匹配所有元素。例如：$("div")
·.class 根据给定的类匹配元素。例如：$(".style1");
·* 匹配所有元素。例如：$("*")
·selector1,selector2,selectorN 将每一个选择器匹配到的元素合并后一起返回。例如：$("#id,div,.style1")
2).表单
·:button 匹配所有按钮。例如：$(":button")
·:checkbox 匹配所有复选框。例如：$(":checkbox")
·:file 匹配所有文件域。例如：$(":File")
·:hidden 匹配所有不可见元素，或者type为hidden的元素。例如：$("input:hidden")
·:image 匹配所有图像域。例如：$(":image")
·:input 匹配所有 input, textarea, select 和 button 元素。例如：$(":input")
·:password 匹配所有密码框。例如：$(":password")
·:radio 匹配所有单选按钮。例如：$(":radio")
·:reset 匹配所有重置按钮。例如：$(":reset")
·:submit 匹配所有提交按钮。例如：$(":submit")
·:text 匹配所有的单行文本框。例如：$(":text")
·:header 匹配如 h1, h2, h3之类的标题元素。例如：$(":header").css("background", "#EEE");
2.筛选条件
1).属性筛选
·[attribute*=value] 匹配给定的属性是以包含某些值的元素。例如：$("input[name*='man'")
·[attribute!=value] 匹配所有含有指定的属性，但属性不等于特定值的元素。例如：$(input[name!='man');
·[attribute$=value] 匹配给定的属性是以某些值结尾的元素。例如：$("input[name$='man']")
·[attribute=value] 匹配给定的属性是某个特定值的元素。例如：$("input[name='man']");
·[attribute] 匹配包含给定属性的元素。例如：$("div[id]")
·[attribute^=value] 匹配给定的属性是以某些值开始的元素。例如：$("input[name^='man']")
·[selector1][selector2][selectorN] 同时满足多个条件。例如：$("input[id][name$='man']")
·:hidden 匹配所有的不可见元素。例如：$("tr:hidden")
·:visible 匹配所有的可见元素。例如：$("tr:visible")
·:checked 匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option)。例如：$("input:checked")
·:disabled 匹配所有不可用元素。例如：$("input:disabled")
·:enabled 匹配所有可用元素。例如：$("input:enabled")
·:selected 匹配所有选中的option元素。例如：$("select option:selected")
2).内容筛选
·:contains(text) 匹配包含给定文本的元素。例如：$("div:contains('John')")
·:empty 匹配所有不包含子元素或者文本的空元素。例如：$("td:empty")
·:has(selector) 匹配含有选择器所匹配的元素的元素。例如：$("div:has(p)");
·:parent 匹配含有子元素或者文本的元素。例如：$("td:parent")
3).层级筛选
·ancestor descendant 在给定的祖先元素下匹配所有的后代元素。例如：$("form input")
·parent > child 在给定的父元素下匹配所有的子元素。例如：$("form > input")
·prev + next 匹配所有紧接在 prev 元素后的 next 元素。例如：$("label + input")
·prev ~ siblings 匹配 prev 元素之后的所有 siblings 元素。例如：$("form ~ input")
·:first-child 匹配第一个子元素。例如：$("ul li:first-child")
·:last-child 匹配最后一个子元素。例如：$("ul li:last-child")
·:nth-child(index/even/odd/equation) 匹配其父元素下的第N个子或奇偶元素。例如：$("ul li:nth-child(2)")
·:only-child 如果某个元素是父元素中唯一的子元素，那将会被匹配。例如：$("ul li:only-child")
4).方法筛选
·:animated 匹配所有正在执行动画效果的元素。例如：$("div:animated");
·:eq(index) 匹配一个给定索引值的元素。例如：$("tr:eq(1)")
·:even 匹配所有索引值为偶数的元素，从 0 开始计数。例如：$("tr:even")
·:first 匹配找到的第一个元素。例如：$("tr:first")
·:gt(index) 匹配所有大于给定索引值的元素，从 0 开始计数。例如：$("tr:gt(0)")
·:last 匹配找到的最后一个元素。例如：$("tr:last")
·:lt(index) 匹配所有小于给定索引值的元素。例如：$("tr:lt(2)")
·:not(selector) 去除所有与给定选择器匹配的元素。例如：$("input:not(:checked)")
·:odd 匹配所有索引值为奇数的元素，从 0 开始计数。例如：$("tr:odd")
9.jquery的事件有哪些？
bind() 向匹配元素附加一个或更多事件处理器 blur() 触发、或将函数绑定到指定元素的 blur 事件 change() 触发、或将函数绑定到指定元素的 change 事件 click() 触发、或将函数绑定到指定元素的 click 事件 dblclick() 触发、或将函数绑定到指定元素的 double click 事件 delegate() 向匹配元素的当前或未来的子元素附加一个或多个事件处理器 die() 移除所有通过 live() 函数添加的事件处理程序。 error() 触发、或将函数绑定到指定元素的 error 事件 event.isDefaultPrevented() 返回 event 对象上是否调用了 event.preventDefault()。 event.pageX 相对于文档左边缘的鼠标位置。 event.pageY 相对于文档上边缘的鼠标位置。 event.preventDefault() 阻止事件的默认动作。 event.result 包含由被指定事件触发的事件处理器返回的最后一个值。 event.target 触发该事件的 DOM 元素。 event.timeStamp 该属性返回从 1970 年 1 月 1 日到事件发生时的毫秒数。 event.type 描述事件的类型。 event.which 指示按了哪个键或按钮。 focus() 触发、或将函数绑定到指定元素的 focus 事件 keydown() 触发、或将函数绑定到指定元素的 key down 事件 keypress() 触发、或将函数绑定到指定元素的 key press 事件 keyup() 触发、或将函数绑定到指定元素的 key up 事件 live() 为当前或未来的匹配元素添加一个或多个事件处理器 load() 触发、或将函数绑定到指定元素的 load 事件 mousedown() 触发、或将函数绑定到指定元素的 mouse down 事件 mouseenter() 触发、或将函数绑定到指定元素的 mouse enter 事件 mouseleave() 触发、或将函数绑定到指定元素的 mouse leave 事件 mousemove() 触发、或将函数绑定到指定元素的 mouse move 事件 mouseout() 触发、或将函数绑定到指定元素的 mouse out 事件 mouseover() 触发、或将函数绑定到指定元素的 mouse over 事件 mouseup() 触发、或将函数绑定到指定元素的 mouse up 事件 one() 向匹配元素添加事件处理器。每个元素只能触发一次该处理器。 ready() 文档就绪事件（当 HTML 文档就绪可用时） resize() 触发、或将函数绑定到指定元素的 resize 事件 scroll() 触发、或将函数绑定到指定元素的 scroll 事件 select() 触发、或将函数绑定到指定元素的 select 事件 submit() 触发、或将函数绑定到指定元素的 submit 事件 toggle() 绑定两个或多个事件处理器函数，当发生轮流的 click 事件时执行。 trigger() 所有匹配元素的指定事件 triggerHandler() 第一个被匹配元素的指定事件 unbind() 从匹配元素移除一个被添加的事件处理器 undelegate() 从匹配元素移除一个被添加的事件处理器，现在或将来 unload() 触发、或将函数绑定到指定元素的 unload 事件
10.mouseout和mouseover以及mouseenter和mouseleave的区别？
mouseover与mouseenter
不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。
只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。
mouseout与mouseleave
不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。
只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。
11.写jquery的ajax的get请求方法和post请求方法？
//get()方式
$.ajax({
url:'./data/index.txt',
type:'get',
dataType:'text',
success:function(data){
$('p').html(data);
},
error:function(error){
console.log(error)
}
//post()方式
$.ajax({
url:'/index',
type:'post',
data:{name:'张三',age:12},
success:function(data){
$('p').html(data);
},
error:function(error){
console.log(error)
}