JS基础入门篇（四）—this的使用，模拟单选框，选项卡和复选框

tanglijun 发布于2019-08-22 17:14 / 512人阅读

摘要：建立索引，记录每一个节点值。选项卡模拟选项卡方法一大清洗，在设置颜色之前把所有的颜色值设为空。宋体选项卡一选项卡二选项卡三内容一内容二内容三方法二点击什么，清除什么。

1.this的使用

this
    js中的关键字
        js内部已经定义好了,可以不声明 直接使用
this的指向问题
    1. 在函数外部使用
        this指向的是window
    2. 在函数内部使用
        有名函数
            直接调用函数 this指的还是window
            通过事件调用，事件是谁触发的 this指的就是谁
        匿名函数
            通过事件调用，事件是谁触发的 this指的就是谁

box

2.模拟单选框

模拟单选框效果图
方法一：大清洗，在设置颜色之前把所有的颜色值设为空。然后再设置点击框的颜色。

方法二：点击什么，清除什么。记录当前点击的。

3.选项卡

模拟选项卡

方法一：大清洗，在设置颜色之前把所有的颜色值设为空。然后再设置点击框的颜色。




    
    Title
    





内容一
内容二
内容三

方法二：点击什么，清除什么。记录当前点击的。




    
    Title
    





内容一
内容二
内容三

4.模拟复选框

模拟复选框查看效果以及代码！！！！




    
    Title

云服务器 GPU云服务器 js单选框只读 html的圆点单选框单选框 html打勾单选框

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/94982.html

JS基础入门篇（四）—this的使用，模拟单选框，选项卡和复选框

摘要：建立索引，记录每一个节点值。选项卡模拟选项卡方法一大清洗，在设置颜色之前把所有的颜色值设为空。宋体选项卡一选项卡二选项卡三内容一内容二内容三方法二点击什么，清除什么。 1.this的使用 this js中的关键字 js内部已经定义好了,可以不声明直接使用 this的指向问题 1. 在函数外部使用 this指向的是window 2...

hot_pot_Leo 2019-08-29 15:23 评论0 收藏0
JS基础入门篇（四）—this的使用，模拟单选框，选项卡和复选框

摘要：建立索引，记录每一个节点值。选项卡模拟选项卡方法一大清洗，在设置颜色之前把所有的颜色值设为空。宋体选项卡一选项卡二选项卡三内容一内容二内容三方法二点击什么，清除什么。 1.this的使用 this js中的关键字 js内部已经定义好了,可以不声明直接使用 this的指向问题 1. 在函数外部使用 this指向的是window 2...

CoderDock 2019-08-02 10:26 评论0 收藏0
翻译 | 玩转 React 表单 —— 受控组件详解

摘要：受控输入框只会显示通过传入的数据。例如，数组中的元素将会渲染三个单选框或复选框。属性接收一个布尔值，用来表示组件是否应该被渲染成选中状态。原文地址：React.js Forms: Controlled Components 原文作者：Loren Stewart 译者：小 B0Y 校对者：珂珂君本文涵盖以下受控组件：文本输入框数字输入框单选框复选框文本域下拉...

big_cat 2019-08-22 11:05 评论0 收藏0
Vue的表单输入绑定

摘要：表单输入绑定上一篇的事件处理方法下一篇的组件基础用法文本多行文本复选框单个复选框多个复选框，添加到数组里今天明天昨天单选按钮选择列表单选列表请选择如果表达初始的值不匹配任何的选项，元素就会以未选中的状态渲染。表单输入绑定上一篇：Vue的事件处理方法：https://segmentfault.com/a/11...下一篇：Vue的组件：https://segmentfault.com...

Snailclimb 2019-08-21 12:05 评论0 收藏0
文档和元素的几何滚动

摘要：文档和元素的几何滚动当浏览器在窗口中渲染文档时，它将会创建文档一个视觉表现层，在哪里每个元素都有自己的位置和尺寸。通常应用程序将文档看做元素的树。的问题是触发该事件的文档元素的一个引用。文档和元素的几何滚动当浏览器在窗口中渲染文档时，它将会创建文档一个视觉表现层，在哪里每个元素都有自己的位置和尺寸。通常web应用程序将文档看做元素的树。文档坐标和窗口坐标元素位置以像素来进行度量...

wanghui 2019-08-23 10:49 评论0 收藏0