eb前端学习内容

1、网页软件课： Photoshop　html　DIV

CSS JavaScript jQuery，vue等

（1）html：html标记语言

（2）css：css3语法规则，包括新增伪类、动画等。

（3）JavaScript：JavaScript语法，数组，对象，函数，DOM，BOM，事件机制、作用域，闭包、原型、this指针，ajax等。

（4）jQuery：jq选择器，jq动画，jq事件机制，jq处理css，jq处理标签属性，jq链式编程，jQuery的插件封装等.

（5）vue框架及实战。

2、网页理论课：
网页格局设计规划 、 网页色彩原理与配色技巧 、 HTML的基本语法、CSS的基本语法、 代码的编写规范 、JavaScript案例实战，jQuery案例实战，vue案例实战。

3、网页实践课：个人网站设计（空间网页、微博主页）、网购型网站设计（店铺、商城）　企业网站设计、旅游网站设计、教育类网站设计等。

4、网页岗前强化：网站后台维护 、 网页浏览器兼容性解决方案、网页效果图设计制作。

●就业方向

web前端、网页设计、网站美工、网站策划、网站编辑、网站维护

网页短期班：Photoshop　DIV+CSS JavaScript jQuery，vue。

网页就业班：全套学习内容。

属性操作

attr(name)：获取属性值

attr(key,value)：设置属性值

attr(properties)：一次设置多个属性值, 要求参数是一个json对象

removeAttr(name)：移除属性

2 对class属性的操作

addClass(class)：添加class

removeClass(class)：移除class

toggleClass(class)：如果有对应的class属性值, 则移除, 反之则添加

hasClass(class)：如果有对应的class属性值, 则返回true, 反之返回false

3 对style属性的操作

css(name)：获取到指定的css属性值

css(name,value)：设置指定的css属性值

css(properties)：一次设置多个css属性值 要求参数必须是json对象

4 尺寸

width()： 获取元素的宽度

width(value)： 设置元素的宽度

height()： 获取元素的高度

height(value)：设置元素的高度

5 文本

innerHTML() javascript方法

html()： 获取双边标签中的内容

html(val)： 设置双边标签中的内容

innerTEXT javascript方法, 兼容性差

text()： 获取双边标签中的内容, 不能解析HTML标签

text(val)： 设置双边标签中的内容, 不能解析HTML标签

6 表单的值

val()： 获取元素的value属性值

val(val)：设置元素的value属性值

属性和属性值语法规则：

1 可以不加单位, 但带单位的必须加引号

$("img").attr({
    src: "img07.jpg",
    title: "紫荆公寓",
    width:300, //参考HTML语法, 可以不加单位
    height:"200px", //也可以加单位, 但必须加引号
    alt: "紫荆公寓"
});

2 带横线的必须加引号

$('div').css({
    "font-size":"40px", //带横线的必须加引号
    "font-weight":"bold",
    color:"red"
});

3 css样式可以采用驼峰式写法(第二个单词的首字母必须大写)

$('div').css({
    fontSize:"40px", //驼峰式写法, 可以不加引号
    "font-weight":"bold",
    color:"red"
});

4 键/值的引号问题

键可以加引号, 也可不加引号;

但是对值要求很严格, 字符串型的必须加引号

$("img").attr({
src: "img07.jpg", //值是字符串型必须加引号
"title": "紫荆公寓", //键可加也可不加引号
width:300,
height:"200px",
alt: "紫荆公寓"
});

5 采用json写法的键/值对格式：用英文","隔开