发表于： 2017-01-12 02:15:45
1 1463
今天完成的内容：完成了图片上传并返回浏览的功能；看了JQ的DOM操作的章节，晚上小课堂听浩城讲解了一波强大的CSS3动画，尤其是纯CSS轮播图，简直太棒了；启辰师兄检查了我的任务5-10并给我了很多宝贵的建议，收获很大。
明天计划完成的内容：继续完善任务细节；
遇到的困难：
不知道是不是父路由跳转到子路由还是服务器路径变换的原因，$stateParams传递的值保存不下来，搞了很久还是没解决。。。
收获：
1.DOM操作分为三个方面：DOM Core、HTML-DOM、CSS-DOM。
2.
text()方法，获取文本内容。
attr（）获取元素属性值
3.创建元素节点：$(html),比如$('<li></li>');或者$('<p/>')
也可以加属性，也可以加内容；
append()向元素内部追加内容，注意是内部；
appendTo（）将元素插入进去，注意跟append（）是相反的；
prepend（）向元素内部前置内容；
prependTo()将元素插入内部前置；
after（）向元素后面插入内容（外部）；
insertAfter（）同理；
before（）在每个匹配元素之前插入内容；
insertBefore（）同理；
4.删除元素节点
remove(),删除元素但还可以引用，还可以appendTo插入什么的;
empty()清空节点的内容，但是liststyle什么的不会清空；
5.复制节点
clone（），当参数为true时，含义是复制元素的同时复制元素中所
绑定的事件；
6.替换节点
replaceWith（）；
replaceAll（）二者操作是互逆的；
如果替换了的元素原来有绑定事件，替换了就没有了，需要重新绑定；
7.包裹节点
wrap（）加外套，对所有元素单独加；
wrapAll（）对所有元素就加一件；
wrapinner（）加内衣
8.属性操作
attr("","")或者attr({"":"","":"",....."":""}),又能设置又能获取
删除属性removeAttr
9.样式操作
如果有不同的class设定了同一样式属性，则后者覆盖前者；
attr（）设置的样式会取代之前attr（）设置的样式，而addClass（）的会叠加；
removeClass（）移除样式，参数为空时，移除全部class；参数为单个class时就
移除单个class，参数为多个时用空格分开；
切换类名：toggleClass（）有则删，无则增，来回切换；
toggle（）元素显示则隐藏，隐藏则显示；
hasClass()判断是否含有某个calss
10.设置和获取HTML、文本和值
html（）用来读取或者设置元素中的HTML内容；
text（）类似JS中innerText，用来读取或者设置某个元素中的文本内容
优点：js中的innerText不能在火狐运行，而JQ的text可以；
val（）类似js中的value属性；
focus（）类似JS中onfocus（）；
blur（）类似JS中onblur（）；
defaultValue属性，包含表单元素的初始值；
val（）还能选中select、checkbox、和radio等
10.在实现功能的情况下代码尽量精简，同时多从用户体验角度去考虑问题。
返回列表
评论