首页 前端知识 html css javascript jQuery简述

html css javascript jQuery简述

2024-02-23 11:02:46 前端知识 前端哥 126 670 我要收藏

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标签

       

        

        

转载请注明出处或者链接地址:https://www.qianduange.cn//article/2562.html
标签
评论
发布的文章

程序员的中秋节

2024-03-09 09:03:01

js中几种追加元素的方法

2024-03-08 10:03:38

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!