按钮 | 易学教程

numbox(数字输入框)

阅读更多关于 numbox(数字输入框)

numbox(数字输入框) MUI----- https://dev.dcloud.net.cn/mui/ui/#numbox mui提供了数字输入框控件，可直接输入数字，也可以点击“+”、“-”按钮变换当前数值；默认numbox控件dom结构比较简单，如下： <div class="mui-numbox">  <button class="mui-btn mui-numbox-btn-minus" type="button">-</button> <input class="mui-numbox-input" type="number" />  <button class="mui-btn mui-numbox-btn-plus" type="button">+</button> </div> 可通过data-*自定义属性设置数字输入框的参数，如下：示例：设置取值范围为0~100，每次变化步长为10，则代码如下 <div class="mui-numbox" data-numbox-step='1' data-numbox-min='1' data-numbox-max='10'> <button class="mui-btn mui-numbox-btn-minus" type=

UIPickerView简单选择器的基本使用

阅读更多关于 UIPickerView简单选择器的基本使用

//创建一个类，实现UIPickerView的基本功能 #import "PickerViewController.h" //　　遵守 UIPickerViewDataSource,UIPickerViewDelegate协议 @interface PickerViewController ()<UIPickerViewDataSource,UIPickerViewDelegate> //　　声明一个简单选择器 @property (nonatomic,strong) UIPickerView *picker; //　　picker第一列数据的数据源数组 @property (nonatomic,strong) NSMutableArray *firstList; //　　picker第二列数据的数据源数组 @property (nonatomic,strong) NSMutableArray *secondList; //　　用于显示简单选择器上选择的内容 @property (nonatomic,strong) UILabel *showLable; //　　picker选择完点击按钮用于更新lable上的数据 @property (nonatomic,strong) UIButton *button; //　　picker第一列选择的数据 @property

checkbox不显示，试试去掉-webkit-appearance这个样式

阅读更多关于 checkbox不显示，试试去掉-webkit-appearance这个样式

目前在项目中发现一个大坑，搞的我找了好久不知道因为什么，自用的reset.css中加入了 -webkit-appearance: none;其他所有表单没有出现问题，但checkbox会不显示，值改为checkbox或去掉该样式之后问题解决，不知道是否为浏览器更新之后出现的bug，因为以前并没有出现过类似问题。 chrome 68.0.3440.106（正式版本）说明：改变按钮和其他控件的外观，使其类似于原生控件。 -webkit-appearance 是一个不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。此属性非标准且渲染效果在不同浏览器下不同，有些属性值甚至不支持，请慎用。语法： -webkit-appearance：none | button | button-bevel .... 默认值：none 取值： -webkit-appearance取值代码效果介绍 Chrome Safari iOS Safari Android Browser none 去除系统默认appearance的样式, 常用于IOS下移除原生样式支持支持支持支持 button 渲染成button的风格支持支持支持支持 button-bevel 渲染成button-bevel的风格支持支持不支持不支持

jQ事件

阅读更多关于 jQ事件

jQuery DOM操作

阅读更多关于 jQuery DOM操作

jQuery DOM操作标签属性操作 attr() //getAttrbute() setAttrbute() 路径的相对地址 removeAttr() //removeAttibute() <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <img src="./xiaohua.jpg" alt="" > <script src="./libs/jquery-3.3.1.js"></script> <script> $(function () { //attr //获取值 console.log($('img').attr('src')); //./xiaohua.jpg //设置值 $('img').attr('alt','美女'); //./xiaohua.jpg //设置多个标签属性值 $('img').attr({ 'aaa':'美女', 'bbbb':'个哈哈哈' }); //移除 removeAttr() setTimeout(()=>{ //移除单个属性 // $('img').removeAttr('alt'); //移除多个属性 $('img').removeAttr('alt aaa bbbb'); },3000

jquery data属性 attr vs data

阅读更多关于 jquery data属性 attr vs data

html5的自定义data属性相信大家都不会陌生，有了它你可以绑定所需的数据到指定元素上。然后通过jquery设置、获取数据，简直开心的不行啊。想到设置、获取元素属性值，大家一定首先想到了jquery的.attr()方法，但是你一定知道jquery还有个.data()的方法。本人以前一直萌(傻)萌(傻)哒(的)以为这两个方法在处理data属性过程中实现的效果是一样的，只不过.data()方法官方更推荐使用(看名字就感觉人家是正规军)。但后来本人在做项目的过程中发现，这两种方法处理data属性并不相同(想想也是，要是一样，还搞个data干毛)。废话少说，下面来点干的： 1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> 5 6 <script> 7 $(function(){ 8 　　$("#btn1").click(function(){ 9 　　　　$("div").attr("data-my-value", "使用attr改变的数据"); 10 　　　　$("p").text("使用attr设置数据成功"); 11 　　}); 12 　　$("#btn2").click(function(){ 13 　

Java(40)_GridBagLayout

阅读更多关于 Java(40)_GridBagLayout

package MYSQK.example01; import java.awt.*; /** * 网络包布局管理器 */ class Layout extends Frame{ public Layout(String title){ GridBagLayout layout = new GridBagLayout(); GridBagConstraints constraints = new GridBagConstraints();//约束对象，这个都要加的！！！ this.setLayout(layout);//设置布局管理器 //设置横向和纵向 constraints.fill = GridBagConstraints.BOTH;//设置组件横向纵向可以拉伸 constraints.weightx=1;//设置横向权重为1，表示横向拉伸时，它也要随着窗体变大 constraints.weighty=1;//设置纵向权重为1，表示纵向拉伸时，他也要随着窗体变大 this.addComponent("button1",layout,constraints); this.addComponent("button2",layout,constraints); this.addComponent("button3",layout,constraints); constraints

jquery学习笔记

阅读更多关于 jquery学习笔记

偶尔翻出以前学习jquery框架做的一些笔记，大体是当时觉得有必要留心的一些东西，怕一不留心删了又错过了，就贴在这里，做个纪念。 1、冒号（:）表示过滤，空格表示所有下级，（>）表示下一级（只一级），（+）表示紧接一个元素，（~）表示同辈，中括号[]表示属性过滤，（,）逗号表示将每一个选择器匹配到的元素合并后一起返回 2、注意css和attr的区别，css是样式，attr是属性。例如：图片的src、alt都是属性，但非样式。 3、若名称是由两个单词合并的第二个单词的首字母大写。例如：nextAll/wrapInner/prevUntil/andSelf等。 4 、$("button").click();错误，button是input里面的一个属性，可以这样选择input里type属性为button的元素--$("input[type='button']").click(); 5、查找特殊字符的元素，要用// 例如$("#id//-hou") -- <p id="id-hou"></p> 6、如果属性名包含 "-"的话，必须使用引号 7、$("input[name='newsletter']").attr("checked", true);添加属性，checked--true不是（checked，checked） 8、$("input[id][name$='man']") 复合条件

第一篇日志，测试

阅读更多关于第一篇日志，测试

public class MainActivity extends Activity { private Button button; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_main); button = (Button) findViewById(R.id.buttonId); button.setOnClickListener(new OnClickListener() { @Override public void onClick(View arg0) { // Toast.makeText(MainActivity.this, "你点击了Button", // Toast.LENGTH_SHORT).show(); Intent intent = new Intent(MainActivity.this, SecondActivity.class); startActivity(intent); } }); // buttonListener

使用ivx实现弹窗效果的经验总结

阅读更多关于使用ivx实现弹窗效果的经验总结

在案例中我们经常使用一些弹窗来对用户的一些操作进行提示，或者显示一些详情信息，可以说是一个必不可少的功能需求。而且弹窗的样式也是各式各样的，今天就说一下如何在ivx中制作一个自己的弹窗。一.系统弹窗 1.首先，在ivx中可以使用系统的弹窗，我们需要在案例中选择前台然后添加这个系统界面组件。 2.例如，要通过点击按钮弹出窗口，则给按钮添加点击事件让系统界面弹出窗口。 3.另外也可以选择小程序样式，这里可以自定义弹窗的标题内容，取消按钮是否显示（就是弹窗只显示一个按钮的效果）以及取消和确认按钮两个按钮的文本及颜色。动作下的三个回调分别是完成，confirm和cancel。完成是点击确认或取消都会触发，而confirm对应点击了确认按钮，cancel对应点击了取消按钮。我们可以在回调中设置点击按钮后需要执行的动作，需要注意一点工具里的确认和取消只是两个按钮的名字，不代表事件逻辑，比如你给取消按钮的文本设置为“确认”，并给cancel回调中填写了对应的执行动作，那么在你的案例中它就是执行逻辑上的确认按钮功能。二.自定义弹窗相比系统弹窗，自定义弹窗样式和事件都可以设置的更加自由，比如按钮个数，文本字体，弹窗颜色以及边框圆角。 1.自定义弹窗的逻辑自定义弹窗根据应用场景弹窗可以分为无按钮弹窗和有按钮弹窗，但是都是用横幅组件制作的，区别只在于弹窗内有按钮组件因而增加了一层交互逻辑。首先

订阅按钮