js--jquery小回顾
1.js小回顾
1.1声明一个add函数，要求函数有返回值，并打印结果
1.2对“hello world”进行翻转处理 要求变为："dlorw olleh"
1.3如何定义一个对象？使用字面量方式 要求：该对象有名字、年龄、爱好多个
1.4setTimeout()和setInterval()的区别？如何理解他们的作用
setTimeout是延时性操作，定义多久之后执行
setInterval是周期性操作，定义每隔多久执行一次
//延时性的操作
window.setTimeout(function () {
console.log('定时任务！');
},0)//这里的时间单位是毫秒
timer=setInterval(function () {
num++;
if(num>5){
clearInterval(timer);
return;
}
console.log('num:'+num);
},1000)//周期性操作，每一秒执行相应的操作。
1.5对于标签文本内容值的操作使用的是哪个属性？input输入框呢？
js对象获取文本内容的属性-innertext,innerHTML
input输入框获取文本内容的属性-value
创新互联是专业的通辽网站建设公司，通辽接单;提供成都网站建设、做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行通辽网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
1.6获取DOM的三种方式？
var getelement_by_id = document.getElementById('box_id');//1.通过id获取单个标签。
var getelement_by_tagname = document.getElementsByTagName('div')[0];//2.通过 标签名 获得 标签数组。
var getelement_by_classname = document.getElementsByClassName('box')[0];//3.通过 类名 获得 标签数组。1.7如何设置标签属性的值？比如类名如何设置？如何设置多个类型
jquery中标签的属性操作：
attr(key) 获取属性值
attr(key,value) 设置单个值
attr({key1:value1,key2:value2});设置多个值
js中的标签属性操作：
setAttribute(key,value)
getAttribute()
removeAttribute(name: DOMString)1.8列举你知道的js事件
onclick 鼠标单击
ondblclick 鼠标双击
onkeyup 按下并释放键盘上的一个键时触发
onchange 文本内容或下拉菜单中的选项发生改变
onfocus 获得焦点，表示文本框等获得鼠标光标
onblur 失去焦点，表示文本框等失去鼠标光标
onmouseover 鼠标悬停，即鼠标停留在图片等的上方
onmouseout 鼠标移出，即离开图片等所在的区域
onload 网页文档加载事件
onunload 关闭网页时
onsubmit 表单提交事件
onreset 重置表单时1.9如何设置样式属性？比如设置该div的背景颜色为红色
p1标签内容
p2标签内容
1.10使用DOM操作，创建一个p标签，设置内容为vita，将p标签插入到div中。然后点击某个删除按钮，移除当前创建的p标签（练习dom的创建，修改内容，追加，删除）
1.11.如何打开一个新的网站，比如打开百度网站
方法一：
百度
方法二：
2.jquery小回顾
2.1js的入口函数和jquery入口函数的区别？
摘自
https://www.jianshu.com/p/3d0f12477a47
1 原生Js和jQuery入口函数加载模式不同:
- 原生Js会等到DOM元素加载完毕，并且图片也加载完毕才会执行
- jQuery会等到DOM元素加载完毕，但不会等到图片加载完毕就会执行。
2 编写多个入口函数的区别:
- 原生Js如果编写多个入口函数，后面编写的会覆盖前面编写的；
- JQuery中编写多个入口函数，后面的不会覆盖前面的。
例子：
- 原生JS的入口函数只能写一个 写多个就层叠覆盖
window.onload= function () {
alert(“我是原生第一个入口函数”);
}
window.onload= function () {
alert(“我是原生第二个入口函数”);
}
- jQ 的入口函数 多个不会覆盖:
$(function () {
alert(“JQ的第一个入口”);
});
$(document).ready(function () {
// 文档加载出来以后执行
alert(“入口函数1”);
});
$(window).ready(function () {
//文档和图片全部加载完 执行
alert(“window加载完”);
})2.2jquery的值的操作哪个方法？
2.3jquery和js对象如何转化？
2.4阐述一下js和jquery的关系？
js是一门语言
jQuery是一个框架，对js进行了封装，使得操作更加简便，代码更加简易。
就像Python和django，java和spring,struts的区别2.5.jquery的html属性操作是哪个方法？你认为是js中哪个方法封装来的？
jquery的属性操作分为四部分
1.html-标签属性操作，如attr()、removeAttr()，是js中setAttribute(),getAttribute(),removeAttribute()封装而来。
2.dom属性操作，如prop()、removeProp()，仅用于input单选框中，获取checked值为true或false。
3.类样式属性操作，如addClass()、removeClass()、toggleClass()
4.值操作，如html()、text()、val()2.6列举jquery的文档操作的方法？以及他们的意思？
值操作，如html()、text()--两侧封闭标签，用于获取标签中的文本内容
val()，input标签，用于获取标签的value属性值2.7对一个元素显示隐藏分别使用类控制(addClass和removeClass)和文档操作(append())来实现,并描述一下他们的区别？
addClass和removeClass是通过控制类样式来进行操作
append()是通过控制字标签的追加来操作
content
2.8列举jquery的筛选方法有哪些？重点
2.9jquery的事件有哪些？
2.10mouseout和mouseover以及mouseenter和mouseleave的区别？
mouseover
mouseout
这里有个重要的现象，从父元素出来再进入子元素，会先执行一次mouseout，再执行一次mouseover。
mouseenter
mouseleave
从父元素进入子元素，不会执行mouseenter，mouseleave。
所以我们常用mouseenter，mouseleave。
2.11写jquery的ajax的get请求方法和post请求方法？
$.ajax({
url:'http://localhost:8800/course',
type:'get',
dataType:'json',//设置数据类型，以json来解析后端发过来的数据
success:function(data){
console.log(data);
// // $('body').html(data);
// $('.box').text(data.name);
},
error:function(err){
console.log(err);
}
});
3.开发响应式布局
3.1开发响应式布局
3.2
本文标题：js--jquery小回顾
地址分享：http://6mz.cn/article/isjspi.html