前端内容:HTML、CSS、JavaScript、jQuery,以下内容为本人认为重要的,防忘记!
JS的组成
1.ECMAScript
简称为
ES
,是
JS
的标准,也是
JS
的核心语法。
包含了数据类型、定义变量、流程控制语句等语法内容。
变量
var i = 数字、字符串、布尔值等都可以
js
中的
boolean
类型,
0
可以表示
false
,非
0
可以表示
true
。
默认
true
为
1
,所以可以用
true
或
false
当做数字来运算。
false+true在js中是可以运算的
2.BOM
Browser Object Model
浏览器对象模型
可以通过
JS
获取浏览器信息和控制浏览器的行为。
浏览器对象模型
3.DOM
文档对象模型
- 每个页面都是一个文档树document tree
- 页面中的每个标签都是这个树的节点node
- 根节点是html
- document对象是DOM中的核心对象,表示当前页面对象
- DOM用于操作(获取设置内容、更改样式等)页面中的节点
- 标签==元素==节点==DOM对象
获取节点的方式![](https://i-blog.csdnimg.cn/blog_migrate/8ae30688c64d1f548284094a3f7ce3a2.png)
获取节点的文本
// innerText用于设置或读取标签中的文本,不会识别HTML元素
document.getElementById("mp1").innerText = "<h1>xxxx</h1>";
// innerHMLT用于设置或读取标签中的文本,会识别HTML元素
document.getElementById("mp2").innerHTML = "<h1>xxxx</h1>";
获取节点的属性
这里特别注意value的使用,表格、输入框里面的内容都可以用value得到
当然也可以给节点添加样式:
节点
.style.
样式名
="
值
"
;(单个)
节点
.style.cssText="
样式名
:
值
;
样式名
:
值
"
;(多个)
也可以自己增删改查节点
创造一个节点,
此时创建的节点处于
"
游离态
",
需要添加到其他节点中才能使用。
//document.createElement("标签名");
document.createElement("div");
添加子节点
//父节点.appendChild(子节点);
var md=document.createElement("div");
document.body.appendChild(md);
删除子节点
//父节点.removeChild(子节点)
var md=document.getElementById("md")
document.body.removeChild(md);
获取父节点
//某节点.parentNode
获取子节点
//父节点.children 获取子节点的数组
//父节点.firstChild 获取第一个子节点
//父节点.lastChild 获取最后一个子节点
jQuery
1、你知道jquery中的选择器吗,请讲一下有哪些选择器
基本选择器、层次选择器、过滤选择器
2、jquery对象和dom对象是怎样转换的?
jQuery对象转换为dom对象
jQuery对象[0]
jQuery对象.get(0)
dom对象转换为jQuery
$(dom对象)
3、你是如何使用jquery中的ajax的?jquery中$.get()提交和$.post()提交有区别吗?
$.ajax({
url:URL,//相对路径:相对于当前路径;也可以使用绝对路径http:……
method:get|post,
data:data,//格式为"k="+v,或者{"k":"v",……}
success:function(result){//result为返回结果
}
$.get(url,参数,function (meg) {
//参数格式为:"k="+v,或者{"k":"v",……},get请求方式还可以在url后面拼接参数
//meg为控制层返回的字符串信息
}
$.get("test",{"a":"1","b":"2"},function (msg) {
alert(msg)//返回的是"yes"
})
4、你在jquery中使用过哪些插入节点的方法,它们的区别是什么?
5、jquery中如何来获取或和设置属性?