html、css+javaScript、jQuery中的特性:
html:
html为超文本标记语言,网页的主体部分、做布局
常用的form表单标签:
text文本框,常用属性:
placeholder:占位
disabled :禁用,按钮也可以使用
password密码框
radio单选框,常用属性:
checked :默认被选中
单选框和复选框都需要书写name以及value
checkbox复选框
select下拉框,常用属性:
option:默认被选中selected
按钮:
button :普通按钮,实际开发中都是绑定事件
submit :提交按钮,在form表单中生效
reset :重制按钮,在form表单中生效
form标签的重要属性:
action:表单数据提交到后台的位置
method:提交方式 get post
enctype:表单提交的数据格式:
application/x-www-form-urlencoded
multipart/form-data:文件上传所需要的格式
css:
主要作用于美化页面样式
样式分类和优先级:
行内样式,优先级最高
内部样式,优先级低于行内样式
外部样式,使用频率高,但优先级最低。外部引用的css方式:
使用link标签:必写参数:rel="stylesheet",stylesheet代表引入外部样式,href=“外部css样式的地址”。
常用选择器:
标签选择器 标签名 div
id选择器 #id
name选择器
class选择器 .class class可以重复
后代选择器 div span
子类选择器 #id>.class
伪类选择器 :hover 鼠标移入的事件例:mouseover,mouseout
js:
页面交互的脚本语言,弱语言:
DOM 文档对象:
获取页面中的标签方法:
document.getElementByld("#id")
document.getElementByClassName(".class")
document.getElementByName("x")
document.getElementsByTagName("div")
BOM 浏览器对象:
window 窗口
URL
history 历史
jQuery:
jQuery的核心:write less, do more 少写多做
需要导入jquery.js文件
jQuery优先于js先执行
jQuery封装了js简化了其方法,例获取标签、选择器、的方法:
$("#id")
$(".class")
$("div")
后代选择器 $("div span")
子类选择器 $("#id>.class")
属性选择器 $("[type='button']")
过滤选择器:
$("li:first")第一个li标签
$("li:last")最后一个li标签
$("li:odd")为奇数的li标签
$("li:even")为偶数的li标签