首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

D3入门篇 01 | 选择集及数据处理

文章目录 选择选择元素 选择属性 选择集操作 数据绑定 数据处理 数组 映射 统计 选择选择元素 函数 返回值 select() 匹配第一个元素 selectAll() 匹配所有元素...null selection.size() 选中集元素个数 选择集操作 函数 参数 返回值 selection.attr(name,value) name:属性名value:属性值 value为空时...selection.remove() 删除选择集选中元素 selection.filter(func) func:函数 根据func函数条件获取选择子集 selection.each(func...:函数 根据func函数规则来排序 attr() 不能应用到文本框,复选框等一部分组件,需要用property来获取值设置值 设置文本空值 d3.select("#email").property...( dataset, accessor ) 最大值 d3.extent( dataset, accessor ) 最小最大值 d3.sum( dataset, accessor ) 总和 d3.mean

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

Validate表单验证

validate 一、 validate使用步骤 引入jquery.min.js 引入 jquery.validate.js 页面加载后对表单进行验证 $("#表单id名").validate({})...在validaterules编写验证规则(格式如下) 字段name属性:“校验器”(tisps:一个输入框只有一个校验器时候使用) 字段name属性:{校验器:值,校验器:值}(tips...:输入框需要有多个校验器时候使用) 在validatemessages编写提示信息(tips格式与rules相对应) 在validatesubmitHandler编写验证通过执行内容 图示如下...11 maxlength 数字 最大长度 12 minlength 数字 最小长度 13 rangelength [min,max] 输入长度必须在 min max之间字符串(tips:汉字算一个字符...) 14 range [min,max] 输入值必须在 min max之间数字 15 max :n 最大值不能大于n 16 min :n 最小值不能小于n

3.7K50

响应式网页bootstrap

响应式网页设计 根据设备尺寸,自动调整布局,有bootstrapfoundation等 bootstrap没有自定义标签,主要通过css扩展class foundation不兼容旧版本ie 网格系统...相当于C#UI里面的容器系统,bootstrap对css进行扩展,使用了类似less文件变量定义,sacc不仅增加了变量还多了继承、混合、嵌套等功能 布局必须row包含col,不能单独col...div> 布局 bootstrap再htmldisplay css属性上封装了三种布局方式,使用控件嵌套方式布局,设置宽度最大值最小值 .container, which sets a max-width...@3(使用时候需要css) npm install jquery(node导入jquery) import from ‘jquery’ window. = window.jQuery =...,"-"后是取值 d-inline,display m-0,margin p-0,pading bg-dark,背景色,bootstrap背景色css不同,使用red等颜色,bootstrap不会接受

6.8K30

EasyUI学习笔记

> 在页面添加html标签;class属性里面全部小写,格式以”easyui-“开头,加上主键 (”-“后面更英文单词被称为组件) $(function(){ $("#myPanel").panel(); }); EasyUI属性配置方式 在标签是直接使用data-options=’“属性名”:“属性值...EasyUI初始化原理 页面扫描class=”easyui-” 实现准备好了一大堆样式文本样式类....根据判断,到底是什么组件,根据不同组件添加不同样式文本样式类 html() text()区别: 都是获取元素内容; html()可以给指定标签设置内容可以加入标签...tools: "#dd" }) }) 对话框窗口顶部工具栏 使用dialog属性toolbar 设置对话框窗口顶部工具栏,可用值有: 1) 一个数组,每一个工具栏工具属性

10.3K30

JQuery.validationEngine表单验证插件

一、说明 JQuery.validationEngine表单验证控件功能强大,自带了样式显示模式: 1.字符类型:非空验证、最大长度、最小长度、相等判断、数字空格、数字英文字母 2.数字类型:数字、...整数、最大值最小值 3.日期类型:日期(yyyy-MM-dd/ yyyy/MM/dd等)、日期+时间、最小日期、最大日期、日期时间段 4.业务字段:url、email、phone、ipv4;ciaoca...: $(function () { /* * 特别说明: * 1.对于select标签,必须都指定value属性,没有可以指定空字符串 * 2.对于checkboxradio验证失败消息,显示在第一个按钮附近... * 2.ajax后台返回json对象格式: * 返回数据内容:[String,Boolean] * 第一个值类型为 String,是接收到 fieldId 值; * 第二个值类型为 Boolean...,指定ajax提交表以及字段ajax验证方式 ajaxFormValidationMethod: 'post', //指定使用Ajax模式提交表单处理 ajaxFormValidation: true

1.8K20

最新jquery+easyui_api培训文档

true 1.2.2 面板参数 可折叠标签面板继承自面板(panel),许多属性定义在标签里,下面的属性就是如此: 参数名称 参数类型 描述 默认值 selected 布尔 设置可折叠标签默认展开标签页...onChange newValue, oldValue 当文本域字段值改变时触发 3.4 方法 方法名 参数 描述 select value 选择下拉列表一项 setValue param 设定指定值到文本域...描述 默认值 min 数字 文本框可允许最小值 null max 数字 文本框可允许最大值 null precision 数字 最高可精确到小数点后几位 0 7 ValidateBox...none 当窗口恢复到原来大小时被触发 onMinimize none 当窗口最小时候被触发 10.4 方法 名字 参数 描述 options none 返回设置属性值 panel none...标签加载远程数据完成时被触发,参数jQuery.ajax成功返回回调函数相同 onSelect title 当用户选择一个标签面板时被触发 onClose title 当用户关闭一个标签面板时被触发

3.2K40

jQuery

value属性jQueryjavaScript区别 1.注意事项: 使用jQuery方式获取对象称为jQuery对象; jQuery对象本质上是js对象数组; 使用dom方式获取对象称为...dom(js)对象; 两者方法属性不能混用; 使用jQuery方法属性时,必须保证对象是jquery对象; 2.js对象jquery对象之间转换: js对象 → jquery对象 $...大弟弟b | a~b:选择a所有b弟弟| 属性选择器: [属性名] 获取元素上带有该属性元素对象 [属性名='值'] 获取元素上带有该属性名且值为''元素对象 属性选择器一般标签选择器联合使用...|false只能输入数字min数字最小值max数字最大值range[min,max]取值范围minlength数字最小长度maxlength数字最大长度rangelength[minlength,maxlength...message: 提示信息 七:jQuery中表单提交不了 发生此种情况,若既没有报错也无跳转,多半是由于在表单添加了诸如: name="submit"这样属性, 在jQuery包括使用js

4.3K20

easyUI常用API

编写组件 指定class属性即可 面板-- panel 基础面板 class属性设置为: easyui-panel title属性描述是面板标题 Jquery对象api....选项卡使用class是: easyui-tabs 在easyui-tabs元素添加一个div就是一个子选项卡 子选项卡可以通过title属性来指定标题, data-options添加关闭按钮...元素添加一个div就是一个子选项卡 子选项卡可以通过title属性来指定标题, data-options添加关闭按钮 data-options="closable:true" <div class...分别通过data-optionsregion属性指定: 北: north 南: south 西: west 东: east : center <...:easyui-menubutton data-options: menu: 指定弹出菜单项选择器(被指定元素与子元素使用块级元素div) 注意, 如果需要处理点击事件, 给单个元素添加

2.4K30

【程序员浪漫】七夕到了,还不快给你女朋友做一个专属chrome插件

browser_action:设置扩展程序图标。 permissions:需要申请权限,这里使用tab即可。 content_scripts:指定在页面运行jscss及插入时机。...jquery 是 百度 CDN(matches配置了可以使用所有的URL,所以CDN是可以使用外部链接。)...size_min: 1, // 初始爱心大小最小值 size_max: 2, // 初始爱心大小最大值 size_add_min: 0.3, // 每次变大最小值(就是速度...) size_add_max: 0.5, // 每次变大最大值 opacity_min: 0.3, // 初始透明度最小值 opacity_max: 0.5, // 初始透明度最大值...添加到chrome浏览器 开发完成之后,所有的文件就是这样了,里面的icon可以根据自己喜好去设计或者网上下载。

88420

javaWeb核心技术第五篇之jQuery

(写更少,做更多) - jQuery入门 - jQueryhtml整合 - 下载 - 下载地址:www.jquery.com - 使用scriptsrc属性即可...= $("选择器"); $("#id值"); val();" - javaScriptjquery区别 - 注意事项: "使用jquery方式获取对象称为...jquery对象, 使用js方式获取对象称为dom(js)对象, 两者方法属性不能混用, 使用jquery方法属性时,必须保证对象是jquery对象...- 方式1:jQuery对象[index] - 方式2:jQuery对象.get(index) - 事件(event) "在js事件,事件前加on,在jq事件通常没有on,直接写名称即可...jQueryhtml整合: 1.下载 2.通过script标签src属性引入即可(1.11) jQuery语法: $("选择器"); 或 jQuery("选择器"); jq对象

8K10

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券