自定义属性

jQuery资料之常用方法

由 为君一笑 提交于 2019-12-09 17:18:09
◆ 设置样式： $('div').css('属性', '值') 示例： $(function() { console.log($("div").css("width")); // $("div").css("width", "300px"); // $("div").css("width", 300); // $("div").css(height, "300px"); 属性名一定要加引号 $("div").css({ width: 400, height: 400, backgroundColor: "red" // 如果是复合属性则必须采取驼峰命名法，如果值不是数字，则需要加引号 }) }) ◆ 设置类样式： 常用的三种设置类样式方法： // 1.添加类 $("div").addClass("current"); // 2.删除类 $("div").removeClass("current"); // 3.切换类 $("div").toggleClass("current"); ◆ 获取当前元素索引号： $("div").index() ◆ 元素固有属性值 prop()： 所谓元素固有属性就是元素本身自带的属性，比如 元素里面的 href ，比如 元素里面的 type。 prop("属性") //获取属性 prop("属性","属性值") //设置属性 注：prop()

笔记

由 时光毁灭记忆、已成空白 提交于 2019-12-05 13:35:08
CSS属性书写顺序 1.布局定位属性：display，position，float，clear，overflow 2.自身属性：width，height，margin，padding，border，background 3.文本属性：color，font，text，wvertical-align 4.其他属性（css3）：rcontent，cursor，bovcxzdcdfdfc9**rder-radius，box-shadow，text-shadow，background：linear-gradient 5.宽和高蓝色 | padding绿色 | margin为橙色 6.定位的堆叠顺序z-index:默认0值越大盒子越靠上 水平居中用浮动；垂直居中用定位； no-repeat 7.鼠标样式：小手cursor:pointer; 8.以后不写具体的高：高由内容+padding撑开 9.透明的用png24 不透明的用jpeg 10.<小于号 < &gt大于号> 11.等差数列:An=a1+(n-1)*d 12.过渡：transiton:all 0.5s; 13.两个盒子嵌套，子元素有margin-top的话记得给父级盒子overflow：hidden --------- 14.超出一行以省略号来显示： 强制一行显示 white-space:nowrap; 溢出隐藏 overflow

QML学习(一)——<简要概念知识点>

由 你离开我真会死。 提交于 2019-12-05 04:01:55
转载： https://www.cnblogs.com/dengyg0710/p/10644936.html 1.一个 QML 文档有且只有一个根元素。 2.QML 元素名后所有内容使用 {} 包围起来。{} 之中是该元素的属性；属性以键值对 name : value 的形式给出。 3.QML 元素可以有一个 id 属性，作为该元素的名字。以后我们可以直接用这个名字指代该元素，相当于该元素的指针。需要注意的是，id 属性在整个 QML 文档中必须是唯一的。 4.QML 元素允许嵌套，一个 QML 元素可以没有、可以有一个或多个子元素。子元素可以使用parent关键字访问其父元素。正如上面的例子中显示的那样，我们可以用 id，也可以用 parent 关键字访问其他元素。 5.通常将根元素的 id 命名为 root。这样我们就可以很方便地访问到根元素。 6.QML 文档的注释使用//注释内容或者/*注释内容*/。这同 C/C++ 或者 JavaScript 是一致的。 7.QML 允许我们自定义属性。我们可以使用 property关键字声明一个自定义属性，后面是属性类型和属性名，最后是属性值。声明自定义属性的语法是 property <type> <name> : <value>。如果没有默认值，那么将给出系统类型的默认值。 8.我们使用 on + 信号名

前端Vue框架（三）

由 半城伤御伤魂 提交于 2019-12-04 15:38:49
子组件补充 子组件案列 <!DOCTYPE html> <html lang="en"> <head> <meta charset='UTF-8'> <title>子组件案例</title> <style> .wrap { width: calc(200px * 4 + 80px); margin: 0 auto; user-select: none; } .box { width: 200px; height: 360px; /*border: 1px solid black;*/ background-color: rgba(10, 200, 30, 0.5); border-radius: 10px; float: left; margin: 10px; } .box img { width: 100%; /*height: 200px;*/ border-radius: 50%; /*width:10%;*/ /*height:15%;*/ float:right; /*margin-left:20px;*/ } .b1{ text-align: center; } </style> </head> <body> <div id="app"> <div class="wrap"></div> <my-tag1 ></my-tag1> <my-tag2 ></my-tag2>

webapi(2)

由 拥有回忆 提交于 2019-12-04 12:14:21
typora-copy-images-to: media 第02阶段.前端基本功.webAPI 基础语法 学习目标 重点 掌握DOM中常用的表单元素的属性 掌握DOM中操作元素样式的两种方式 掌握DOM中操作标签的自定义属性方法 ​ 1. DOM 中常用的表单元素的属性 value 用于大部分表单元素的内容获取(option除外) type 可以获取input标签的类型(输入框或复选框等) disabled 禁用属性 checked 复选框选中属性 selected 下拉菜单选中属性 案例 : 点击按钮禁用文本框 设置下拉框中的选中项 全选反选 小结: disabled, checked, selected 这些布尔值属性,在DOM中通过true/false修改状态 true 是让属性的作用生效,false 为不生效 2. DOM中操作样式的两种方式 通过元素的style属性 通过元素的className属性 2.1 通过style属性操作样式 注意: 通过style属性设置样式时,css中要写单位的属性,在js代码中也要加单位 示例代码 : //html <div id="box"></div> //js var box = document.getElementById('box'); box.style.width = '100px'; box.style.height =

DOM和BOM

由 余生颓废 提交于 2019-12-04 07:08:01
DOM和BOM DOM 概念 DOM:Document Object Model 文档对象模型。 DOM作用：操作页面中的元素。 顶级对象是document 就是指HTML或者XML文件。 HTML侧重于展示数据，XML侧重于存储数据，XHTML写的是HTML代码，遵循的是XML 的规范。 每一个HTML文件都可以看成是一个文档对象，里面所有的标签的层次关系都可以看成是一个树形结构图，树状图。 页面中所有的内容都是节点：标签节点，属性节点，文本节点。IE8中会忽略空白节点 节点属性 nodeType 如果是标签，值为1；如果是属性，值为2；如果是文本，值为3 nodeName 如果是标签，值为大写标签名字；如果是属性，值为小写属性名字；如果是文本，值为#text nodeValue 如果是标签，值为 null ；如果是属性，值为属性值；如果是文本，值为文本内容 页面中的标签，标签就是元素，元素就可以看成是对象，标签也是节点。 节点比元素大。 根元素：页面中最外边的标签 文档元素：文档中的第一个元素，HTML文档元素就是< html> 绑定和解绑 第一种写法 对象.on+"事件名字"=事件处理函数 对象.on+"事件名字"=null 第二种写法 对象.addEventListener("事件名字",命名函数,false); 对象.revemoEventListener("事件名字"

DOM自定义属性操作

由 喜夏-厌秋 提交于 2019-12-04 04:22:24
DOM标准 （一）核心DOM 可以操作一切结构化文档的API，包括HTML和XML，核心DOM是万能的，但又是繁琐的。 （二）HTML DOM 专门操作HTML文档的简化版DOM API，仅对常用的复杂的API进行了简化，HTML DOM不是万能的，但更加简单。 注意： 在开发中先使用简单的，简单的不行再使用复杂的进行补充，以实现效果为目标。 自定义属性的操作 一、获取属性值 element.属性 获取属性值 element.getAttribute('属性'); 获取自定义属性（我们自己添加的属性） 区别： element.属性; 获取元素内置属性（元素本身自带的属性） element.getAttribute('属性'); 主要获得自定义的属性（标准）程序员自定义的属性 注意： class是保留关键字，但是在element.getAttribute('属性'); 方法中可以直接使用；element.属性 写法则需要使用className代替 实例： 获取div元素中的自带属性和自定义属性 1 <body> 2 <div class="first" index="ww"></div> 3 <script> 4 var div = document.querySelector('div'); 5 //element.属性 获取内置属性（元素本身自带的属性） 6 console

uni-app 自定义属性设置无法获取

由 旧街凉风 提交于 2019-12-04 04:07:22
小程序中的自定义属性要加上 data- 开头 获取的 时候是 e.currentTarget.自定义的属性名 <template> <view> <view :data-kk="value" @click="ck">ddd</view> </view> </template> <script> export default { data() { return { value:'内容' } }, methods: { ck(e){ console.log(e.currentTarget.kk) } } } </script> 来源： https://www.cnblogs.com/wxqworld/p/11830180.html

前端之Jquery

由 被刻印的时光 ゝ 提交于 2019-12-03 11:54:36
前端之Jquery jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫
订阅 自定义属性