展开

关键词

js基本操作

innerHTML = inp_value; } } js操作样式 样式操作 .box { width: 200px; height: 200px; background-color: pink; } .sup-box 提取写好计算后样式,通过类名将 js 与 css 建立关联 box.onclick = function () { console.log(this.className); this.className = sup-box ; * if (this.className === box) { this.className = sup-box; } else { this.className = box; } * 注:有个空格 :空格sup-box this.className += sup-box; if (this.className === box) { this.className += sup-box; } else ); } else { window.open(9、样式操作.html, _self); } } 屏幕有滚动条下的两种宽度去除滚动条剩余的全部宽度let html = document.querySelector

1.2K12

jq初始,选择器,事件,内容操作,样式操作

操作页面文档http:jquery.cuishifeng.cnjq初始 jq初始 jQuery就是js的工具库 - 一系列功能的集合体 jq内部语法采用的就是原生js jq环境如何搭建 - 在需要使用jq的html let $h1 = $(h1.title); $btn.click(function () { let val = $inp.val(); if (val) { $h1.text(val); $h1.html oldValue.toUpperCase() return }) } }) jq样式操作 jq样式操作 .box { *width: 200px;* height: 200px; background-color: pink; } .sup-box red }); 多条设置 $box.css({ width: 100px, height: 100px, backgroundColor: blue, }); if ($box.hasClass(sup-box )) { $box.removeClass(sup-box) } else { $box.addClass(function (i, o) { console.log(i, o); return sup-box

15620
  • 广告
    关闭

    腾讯云前端性能优化大赛

    首屏耗时优化比拼,赢千元大奖

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JSjQuery获取不到动态添加的元素节点的解决方法

    我们追加元素的父节点添加事件委托,就调用里面子节点了: 举个栗子,我在 .sup-img-box 中添加了子节点 .cert-img 。 HTML代码如下:                          想要使里面的 .cert-del 元素可以获取到,可以这样写:$(.sup-img-box).on(mouseenter, .cert-del .click(function () {        $(this).parent().remove();        console.log($(this))    })})也可以这样写:$(.sup-img-box $(.sup-img-box).on(touchstart, function () {    $(.cert-del).click(function () {        $(this).parent ().remove();        console.log($(this))    })})注意: .sup-img-box 为动态添加节点的父级节点,这里要保证该父级节点不是动态添加的,不然同样会获取不到

    2.8K10

    Minima黑色响应式后台管理模板

    normalize.css v3.0.2 | MIT License | git.ionormalize *html { font-family: sans-serif; -webkit-text-size-adjust margin: .67em 0; font-size: 2em;}mark { color: #000; background: #ff0;}small { font-size: 80%;}sub,sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}sup { top: -.5em;}sub : inherit; color: inherit;}button { overflow: visible;}button,select { text-transform: none;}button,html input,input,input { -webkit-appearance: button; cursor: pointer;}button,html input { cursor: default

    10610

    1.CSS Reset

    下列是常用的所有的html标签 HTML Only article nav h1 h2 h3 h4 h5 h6 address p pre blockquote ol li ul li dl dt dl legend label button button select option textarea del ins a em strong i b u s small abbr q cite dfn sub sup time code kbd samp var mark 清除默认样式为 html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre } table{border-collapse:collapse;border-spacing:0;} caption,th{text-align:left;font-weight:normal;} html font-style:normal;} ,summary{outline:0;} li{list-style:none;} h1,h2,h3,h4,h5,h6,small{font-size:100%;} sup

    25020

    HTML标签分类

    学习完上边几节html课程之后,你会发现html的标签还挺多的,为了能更好地在网页制作过程中熟练使用他们,我们今天讲讲标签分为几大类以及他们之间的区别。 header头部信息,footer底部信息,nav导航标签,p段落标签,pre保留空格换行标签,h1-h6标题标签,audio视频标签,aside文章标签,bstrong加粗标签,i斜体标签,sub下标,sup a链接标签,bstrong加粗标签,small小字体标签,i斜体标签,label,span,sub,sup,textarea,big,em。 HTML代码注释:单行注释:多行注释:  HTML代码注释是特别常用的,几大好处:添加代码注释,增加代码的可读性。隐藏掉暂时不需要显示的内容。

    8830

    HTML标签分类

    学习完上边几节html课程之后,你会发现html的标签还挺多的,为了能更好地在网页制作过程中熟练使用他们,我们今天讲讲标签分为几大类以及他们之间的区别。 header头部信息,footer底部信息,nav导航标签,p段落标签,pre保留空格换行标签,h1-h6标题标签,audio视频标签,aside文章标签,bstrong加粗标签,i斜体标签,sub下标,sup a链接标签,bstrong加粗标签,small小字体标签,i斜体标签,label,span,sub,sup,textarea,big,em。 HTML代码注释:单行注释:多行注释:  HTML代码注释是特别常用的,几大好处:添加代码注释,增加代码的可读性。隐藏掉暂时不需要显示的内容。

    5830

    reset.css

    not() { display: none} svg:not(:root) { overflow: hidden}*下面的操作是针对于html5页面布局准备的,不支持ie6~8以及其他低版本的浏览器*html none; height: 0} progress { vertical-align: baseline} mark { background-color: #ff0; color: #000} sub, sup position: relative; font-size: 75%; line-height: 0; vertical-align: baseline} sub { bottom: -0.25em} sup input { overflow: visible} button, select { text-transform: none} textarea { overflow: auto} button, html

    82750

    Hexo 中使用 emoji 和 tasks

    markdown-it这样就替换完成了,然后再安装需要的插件:npm i markdown-it-emoji markdown-it-task-lists -S然后再增加相关配置:markdown: render: html : true # 在 markdown 文本中支持 html tag 标签 xhtmlOut: false # 需要 xtml 文档,使用 替代 breaks: true # 用 开始新的一行 linkify plugins: - markdown-it-abbr - markdown-it-footnote - markdown-it-ins - markdown-it-sub - markdown-it-sup 一些常用的插件,比如上标和下标,可以在插件里加上 markdown-it-sub 和 markdown-it-sup ,可以直接用 19^th^ 19th 还有 H~2~O 表示 H2O 。

    32420

    Normalize.css ——CSS Reset的友好替代品

    保留有用的默认值,这个区别于其他的CSS resets标准化大范围的HTML elements的样式纠正bugs,使浏览器具体通用性通过一些巧妙的改进来增强可用性用具体的说明来讲解代码的用处?? 在不禁止用户缩放的情况下避免iOS设备方向调整后自动校正字体大小 *   html { font-family: sans-serif; * 1 * -webkit-text-size-adjust: 增强图片类型以及其他类型的‘input’中指针的可用性以及样式的一致性 *   button, html input, * 1 * input, input { -webkit-appearance: 在不禁止用户缩放的情况下避免iOS设备方向调整后自动校正字体大小 * html { font-family: sans-serif; * 1 * -webkit-text-size-adjust: 100% 增强图片类型以及其他类型的‘input’中指针的可用性以及样式的一致性 * button, html input, * 1 * input, input { -webkit-appearance: button

    44990

    NEC 框架规范 css reset

    * reset *html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th block;}table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;font-weight:normal;}html {font-style:normal;},summary{outline:0;}li{list-style:none;}h1,h2,h3,h4,h5,h6,small{font-size:100%;}sup

    29780

    【CSS】:normalize.css

    follows:Preserve useful browser defaults rather than erasing them.Normalize styles for a wide range of HTML Prevent adjustments of font size after orientation changes in iOS. * html { line-height: 1.15; * 1 * ** * Add the correct font size in all browsers. * small { font-size: 80%;} ** * Prevent `sub` and `sup ` elements from affecting the line height in * all browsers. * sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sub { bottom: -0.25em;} sup { top: -0.5em;}4.5.

    24210

    代码高亮

    display: inline-block; overflow: hidden; vertical-align: top; } em, address { font-style: normal; } sup background-color: transparent; } body { background: none repeat scroll 0 0 #FFFFFF; font: 12px1.6 微软雅黑 , 宋体; } * html , * html body { background-attachment: fixed; background-image: url(about:blank); } legend, button, select

    4410

    清除浏览器CSS样式

    All rights reserved.Licensed under the BSD License.http:yuilibrary.comlicense* html { color: #000; background font-weight: normal} q:before,q:after { content: } abbr,acronym { border: 0; font-variant: normal} sup

    30720

    【代码教程】html5 3D爆炸特效适合节日庆典(7种图案)

    html----html代码Inspired by Kubrick Life Website: 3D Motion Demo 1Demo 2Demo 3Demo 4IcosahedronHeartEggBrain serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:201C 201D 2018 2019;}small{font-size:80%;}sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input,input,input{-webkit-appearance:button;cursor:pointer;}button,html input{cursor:default;}input,

    58210

    一篇文章带你了解HTML格式化元素

    二、标签1. b 标签和 strong 标签常规显示HTML 元素定义粗体文本,没有任何额外的重要性,例如: 加粗文本内容.HTML 元素定义粗文本,增加语义的强调。 .----2. i标签 和em标签HTML 斜体文本.元素定义斜体文本,没有任何额外的重要性。 ----3. small 标签HTML 元素定义了小文字。例如:HTML Small 格式----4. mark标签HTML 元素定义标记或突出文本。 例如:HTML 标记 格式----5. del标签HTML 元素定义了删除(移除)文字。例如:我喜欢的颜色是 蓝色 红色.----6. ins标签HTML 元素定义了插入文本(添加)。 .----7. sub标签HTML 元素定义下标文本。例如:这是一个 下标 文本.----8. sup标签HTML 元素定义上标文本。

    18020

    WordPress自带TinyMCE编辑器相关功能增强

    因为其功能相对简单,所以很多人都想着用给它扩展一下,那就扩展一下吧~更改编辑器默认视图为HTML文本WordPress默认的是,在后台新建文章后,编辑器就自动跳转到“可视化”视图,对于一些经常要插入代码或者 WEB设计者们来说,可能更习惯使用HTML视图手动编辑。 标签(慎用)此功能请慎用,因为WordPress自带的TinyMCE编辑器会默认过滤掉不符合XHTML 1.0中的html标签,不排除某些情况下也可能会用到这些标签,所以把方法放出来供大家参考吧。 清除冗余代码(cleanup)、格式选择(formmatselect)、字体选择(fontselect)、字号选择(fontsizeselect)、样式选择(styleselect)、上标(sub)、下标(sup enable_more_buttons($buttons) { $buttons = fontselect; $buttons = del; $buttons = cleanup; $buttons = hr; $buttons = sup

    71450

    php学习之html小结1

    html是什么:超文本标记语言        hypertext markup language一套标记组成的脚本语言脚本语言? 浏览器和服务器2.核心标记font       文本修饰i             斜体u            下划线s            删除线b            加粗sub         下标sup

    20131

    【代码艺术】带视觉特效的js密码强度检测开源库

    display:block;}audio,canvas,video{display:inline-block;}audio:not(){display:none;height:0;}{display:none;}html serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:201C 201D 2018 2019;}small{font-size:80%;}sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input,input,input{-webkit-appearance:button;cursor:pointer;}button,html input{cursor:default;}input,

    25221

    CSS魔法堂:Reset CSS

    * http:meyerweb.comerictoolscssreset v2.0 | 20110126 License: none (public domain)* html, body, div, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup

    22590

    相关产品

    • 文档服务

      文档服务

      文档服务(DS)由腾讯云数据万象提供,支持多种类型的文件生成图片或 html 格式的预览,可以解决文档内容的页面展示问题,满足多端的文档在线浏览需求。同时,还提供文本隐私筛查能力,可以有效识别文本中的身份证号、手机号等敏感数据,满足数据可用性和隐私保护的各种要求。

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      扫码关注云+社区

      领取腾讯云代金券