速学PHP视频教学,简单粗暴第五天

大家好,极致cms教学昨天给我们上课的是前端。其实前端我基本都会。因为我也有多年的前端基础了。但是还是发下老师给我们讲笔记。


前端基础、jQuery学习


1、前端的基础


html html5 css css3 javascript jQuery


https://www.runoob.com/html/html-tutorial.html

https://www.w3cschool.cn/



2、前端框架认识


UI框架


bootstrap √


ElementUI √


Amaze UI


Frozen UI


WeUI


MUI √ (https://dev.dcloud.net.cn/mui/)


JS框架


Vue.js √


sea.js


Angular


AngularJS


react


zepto


CSS框架


Less


Animate.css


字体库


Font Awesome ()


iconfont (http://www.iconfont.cn/)



3、jQuery 教学


js获取DIV属性值

<div id="mochu" title="测试测试"></div>

<script>

var title = document.getElementById('mochu').getAttribute('title');

console.log(title);

</script>

js设置属性值

<div id="mochu" title="这里的值会被改变成网址"></div>

<script>

    document.getElementById('mochu').setAttribute('title','http://www.baidu.com');

</script>

js删除属性

<div id="mochu" title="hello word!"></div>

<script>

    document.getElementById('mochu').removeAttribute('title');

</script>

js根据class来获取属性

<div class="mochu" title="测试测试1"></div>

<div class="mochu" title="测试测试"></div>

<div class="mochu" title="测试测试"></div>

<script>

var title = document.getElementByClassName("mochu").getAttribute('title');

var title1 = document.getElementByClassName("mochu")[0].getAttribute('title');//测试测试1

console.log(title);

</script>

js根据name来获取属性

<input name="mochu" title="测试测试">

<script>

var title = document.getElementsByName("mochu").getAttribute('title');

console.log(title);

</script>


----------------------------


如何正确使用jQuery?


jQuery需要注意什么?


老师给的笔记就到这里,视频老师似乎也没有录制完只是录了20分钟。我感觉老师应该换电脑了。配置太低了。







转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 237326904@qq.com

×

喜欢就点赞,疼爱就打赏