第1章 重写弹出广告 1.1 案例分析 重写javascript案例“弹出广告” 1.2 案例相关的函数 1.2.1 jQuery概述 1.2.1.1 什么是jQuery jQuery是一个JavaScript...对象和DOM对象可以项目转换,但两个对象的函数不能彼此混搭使用。...checked="checked"> :selected 选择(下列列表 ) 第2章 隔行换色: 2.1 案例介绍 重写JavaScript...、mouseout $("#e02").mouseover(function(){ $("#divMsg").html("鼠标移上:mouseover"); }).mouseout(function()...hover( over , out ) 简化方法 A.hover( fn1 , fn2) 等效 A.mouseover( fn1 ).mouseout( fn2 ) toggle( fn1 ,
用途 标签创建下拉列表。...例子 First SecondThird 执行结果 First Second Third 标准属性 属性 描述 H5新 autofocus 规定在页面加载时使这个 select 字段获得焦点...form 定义 select 字段所属的一个或多个表单。 ✔ multiple 当该属性为 true 时,规定可一次选定多个项目。 name 定义下拉列表的唯一标识符。...变更点 标签在HTML5与HTML4.01之间存在如下差异 HTML5有一些新的属性,同时不再支持以下的HTML4.01属性 size 原用于指定菜单中可见项目的数量。
,触发 mouseenter() 鼠标进入被选元素时会触发 鼠标在其被选元素的子元素上来回进入时,不触发 mouseout() 鼠标离开被选元素是会触发 鼠标在其被选元素的子元素上来回离开时,触发 mouseleaver...事件 $(".on").bind("mouseover",function(){ $(".topDown").show(); }); //对指定元素绑定mouseout事件 $(".on").bind...//对指定元素,绑定mouseover和mouseout事件 $(".on").bind({ "mouseover":function(){ $(".topDown").show...(); 解除指定元素绑定的所有事件 unbind(事件名); 解除指定元素绑定的指定事件 4.3 复合事件 4.3.1 hover 方法 说明 hover() 相当于mouseover和mouseout...的集合,并支持切换 //复合事件:hover,相当于mouseover和mouseout的集合,并支持切换 $(".on").hover(function(){ $(".topDown").
jquery对象,什么是dom对象?...触发单击事件 **mouseover()** 绑定鼠标移入事件。 **mouseout()** 绑定鼠标移出事件。...创建于2006年1月的开源项目。...$(function(){ $("#areaDiv").bind("mouseout mouseover",function(event){ if (event.type...== "mouseover") { console.log("进来了"); } else if (event.type == "mouseout
").removeAttr("selected").appendTo("#rightSelectId"); // :selected 选择(指的是 下拉列表 select 标签中的 option 标签)...").removeAttr("selected").appendTo("#leftSelectId"); // :selected 选择(指的是 下拉列表 select 标签中的 option 标签)...js中是:mouseover 与 mouseover 事件不同,只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。...js中是:mouseout 与 mouseout 事件不同,只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。...第二层:load()、$.get()、$.post() 开发中常用3个,$符号开头的叫全局函数,不是$开头的是普通函数,普通函数必须使用jQuery对象才能获得 第三层:$.getJSON(
❝小闫语录:很有意思的是,本来有一块糖的你很幸福,但看到别人有十块糖的时,你的幸福会荡然无存。那么决定你幸福的是什么呢?...填写格式:事件名: 处理函数 listeners: { //鼠标悬停时执行方法btnresetmouseover mouseover: btnresetmouseover,...,执行的是首发事件。...DateField 5.2 代码 //新建一个 DateField 日期字段对象 var datefield = new Ext.form.DateField({ //文本框前方显示文字(标签)...Extjs 使用的数据 // 参数为 id 列,以及其他各个字段的名称 reader: new Ext.data.ArrayReader({ id: "id" }, ["id", "name"
MaterialSelectComponent Selector: 材料选择是用于从集合中选择项目的容器,使用复选图标标记所选选项。...deselectOnActivate bool 如果为true且selectOnActivate为true,则触发此项目组件将取消选择当前选定的值;如果为false,则在选择值时触发此组件将不执行任何操作...selected bool 手动标记所选项目。 selection SelectionModel 选择模型以随更改一起更新。...useCheckMarks bool 如果为true,则使用复选标记而不是复选框来指示是否为多选项目选择了该项目。 此特定样式用于多选菜单项组的材料菜单下拉列表。...如果对象实现HasUIDisplayName,则它将呈现使用uiDisplayName字段作为项的标签。
html 一.html介绍: 全称为HyperText Markup Language,译为超文本标记语言,它不是一种编程语言,是一种描述性的标记语言,用于描述超文本中内容的显示方式.比如字体什么颜色,...;最大为7 color:规定文本的颜色 ~标签:用于定义标题大小;最大标题最小标题 5.列表标签 标签:表示是一个无序列表 属性: type:规定列表项目符号类型...>标签:定义下拉列表中的项(下拉项) 标签需要位于标签内部 属性: value:定义送往服务器的选项值 selected:定义选项为选中状态.selected="selected...常用属性: type:规定列表的项目符号类型,可取值 disc,square,circle.默认值为disc li标签 标签表示的是一个列表项 常用属性: type:这个属性只适用于无序列表,用于设定项目符号...,默认值为disc value:这个属性只适用于有序列表,用于设定列表的项目数字 ol标签 表示的是一个有序列表.
大家好,又见面了,我是你们的朋友全栈君。DropDownList 控件用于创建下拉列表。DropDownList 控件中的每个可选项都是由 ListItem 元素定义的!...DropDownList 控件是一个下拉式的选单,功能和 RadioButtonList Web控件很类似,提供用户在一群选项中选择一个;不过RadioButtonList Web控件适合使用在较少量的选项群组项目...Selected属性:表示该选项是否被选中。...6、SelectedIndex属性:用于获取下拉列表中选项的索引值。如果未选定任何项,则返回值-1(负1)。 7、SelectedItem属性:用于获取列表中的选定项。...通过该属性可获得选定项的Text 和Value属性值。 8、SelectedValue属性:用于获取下拉列表中选定项的值。
blur和 focusout 失去焦点[同理] mouseover和 mouseenter 移进 mouseover, 如果鼠标指针穿过任何子元素,同样会触发 mouseover 事件 mouseout...举一个例子,在项目中,经常需要验证表单,在单击”提交”按钮是,验证表单内容,例如元素是否是必填字段,某元素长度是否够6位,单表单不符合提交条件时,要阻止表单的提交 eg: $(“#sub”).bind(...在标准DOM中,mouseover和mouseout所发生的元素可以通过event.target()方法 来访问.相关元素是通过event.relateTarget()方法来访问的.event.relatedTarget...什么是JSONP •JSONP(JSON with Padding)是数据交换格式 JSON 的一种“使用模式”,可以让网页从别的网域要资料。...•由于同源策略,一般来说位于 server.example.com 的网页无法与不是 server.example.com 的服务器沟通,而 HTML 的 元素是一个例外。
原文链接 github项目地址 表单相关回顾 在开始学些form模块相关方法前,我们先来回顾一下表单提交时,浏览器是怎么样将数据发送给服务器的(以下内容摘自《JavaScript高级程序设计》第14...在表单序列化得过程中,一般不包含任何按钮字段,因为结果字符串很可能是通过其他方式提交的,除此之外其他规则都应该遵循。...如果value是数组,则将value数组递归的每一项传入add。不是数组就是直接按照{ name: name, value: value }形式推入result了。 不过什么时候value会为数组呢?...) { this.value = funcArg(this, value, idx, this.value) }) } else { // 主要看这里,multiple是用来设置下拉列表是否可以多选的...// 如果是多选的,则选择被选中(即selected为true)的元素并通过pluck方法,读取该元素的value值,最后返回的是一个数组 return this[0] && (this[0].
--> 常用标签: 块级标签:(特点是独占一行) 1. h1 h2 h3 h4 h5 h6 标题 注:一个网站用一个h1,一般放logo或者网站标题 2. p 段落 3. br 换行 4. div...当前项目的页面跳转。 2.不同网站的页面跳转 3.锚点链接 定位到页面具体位置 1....option 下拉列表选项 button系列 属性 说明 submit 提交 reset 重置 button 普通按钮 text area 文本域 label标签 直接使用lable标签把内容(如文本...6. selected 规定在页面加载时预先选定的下拉列表选项 7. readonly 规定输入字段为只读(不能编辑) 8. disabled 规定应该禁用input元素(既不能编辑也不能提交)...9. maxlength 规定输入字段允许的最大长度 10. size规定下拉列表中可见选项的数目 表格: 表格标签: 1. table 表格 2. tr 行 3. td 单元格 4. th
原文链接 github项目地址 ?...在表单序列化得过程中,一般不包含任何按钮字段,因为结果字符串很可能是通过其他方式提交的,除此之外其他规则都应该遵循。...如果value是数组,则将value数组递归的每一项传入add。不是数组就是直接按照{ name: name, value: value }形式推入result了。 不过什么时候value会为数组呢?...) { this.value = funcArg(this, value, idx, this.value) }) } else { // 主要看这里,multiple是用来设置下拉列表是否可以多选的...// 如果是多选的,则选择被选中(即selected为true)的元素并通过pluck方法,读取该元素的value值,最后返回的是一个数组 return this[0] && (this[0].
先选择建表要用到的数据,再通过插入图表命令插入选定类型的图表 利用固定常量创建图表 •选中任意单元格,点击插入标签,选择合适类型的图表 •此时会插入一个空白的图表,我们选择图表,切换图表设计标签,...1.数据标签是指图表中显示图标有关信息的数据。...如果数据是按月份/品类/规格放在不同的工作表,将先将不同工作表合并到同一张表中再建立数据透视表 数据必须是一维表格,不是二维表 数据透视表的原始数据应该是一维表格,即表的第一行是字段名,下面是字段对应的数据...理解字段 字段勾选完后,就需要对字段进行设置。 字段设置有以下两个要点:即,透视表的列和行分别显示什么数据、数据的统计方式是什么。...,可以通过坐标轴和图例附近的下拉菜单调整图表内容 数据透视图是动态图表,可以通过坐标轴和图例附近的下拉菜单调整图表内容 将数据透视图变成普通图表 数据透视图会随着数据透视表数据变化而变化,如需讲数据透视图变成普通静态图
event.preventDefault() //阻止默认事件,表单提交,a标签。...监听全局的错误提示,然后统计汇总,比如fundebug,也可以自己根据特性写一个针对公司项目的。...触发顺序是:mousedown -> mouseup -> click。 mousedown和mouseup 鼠标按下和弹起,使用频率不是很高。可以做一下拖动之类的效果。...mouseout和mouseover 鼠标移出和移入,使用起来会有冒泡的问题,可以使用延时的方法解决 mouseleave和mouseenter 鼠标移除和移除,解决了冒泡的问题。...当你使用输入法的时候会触发一下 compositionupdate 在向输入字段中插入新字符时触发。 compositionend 在IME的文本复合系统关闭时触发,表示返回正常键盘的输入状态。
前言 组件封装对于学过React或者Vue框架的同学应该都不陌生,就我个人而言我之前的原生JS基础并不太是太好,一开始接触前端是因为参加学校的实验室做React Native项目,我是稍微了解一下原生JS...什么是组件封装 组件是指Web页面上抽出来一个个包含模板(HTML)、功能(JS)和样式(CSS) 的单元。好的组件具备封装性、正确性、拓展性、复用性。...深入探讨前端组件化开发 这篇文章里概况的介绍了什么是组件,组件化的好处,如何设计组件等等,如果对这些概念还不是很清楚的可以先看看这篇文章,接下来我们就上个小例子。...表示的是状态 <!...// querySelectorAll返回NodeList 对象,NodeList 不是一个数组,是一个类似数组的对象(Like Array Object)。
的核心语法 $(); 2、JQuery基本语法 2.1、JS对象和JQuery对象转换 jQuery 本质上虽然也是 JS,但如果想使用 jQuery 的属性和方法那么必须保证对象是 jQuery 对象,而不是...length); //alert(ins3[0].value); //alert(ins3[1].value); //alert(ins3[2].value); // 4.下拉框被选中的元素...$("A:selected"); let select = $("select option:selected"); alert(select.html()); </script...//设置div标签的文本内容 //$("#div").html("我真的是div"); $("#div").html("我真的是div");...",true); }); 4.5、知识小结 操作文本 html() html(…):获取或设置标签的文本,解析标签。
方式提交 Ext.form.action.StandardSubmit 原始表单提交方法 Ext.form.action.DirectLoad Ext.form.action.DirectSubmit 指令式的模式...4.字段的控制 Ext.form.field.Base 是跟类 混入了类 [Ext.form.field.Field]得到表单值的处理功能 混入了类[Ext.form.Labelable]得到表单标签错误信息提示的功能... 重要的配置项 title:'', 标题头 bodyStyle:'', 自定义到css 样式 frame : , 以什么方式提交提画面...width : 150, allowBlank: false, //不能是空 labelAlign :'left', msgTarget:'side'//在字段的右面展示数据 重要的方法 ...通常在 Model中使 用它们, 它们是自动生成和执行的。
如果为True,是字会变成蓝色 Images:为每个页标签添加一个图片 MultiLine:如果总页标签的长度大于该控件的宽度时,是否允许多行显示 MultiSelect:是否允许多选页标签...:在指定的数值中判断该位置位于该控件是什么位置 IndexOfTabAt:返回指定位置是在哪个页标签上,并返回它的索引号 RowCount:返回页标签的行数 ScrollTabs:当MultiLine...该属性只有在ViewStyle为vsReport时才有效 SelCount:只读返回选择项目的个数 Selected:指出在该控件中选中的项目标注的列表视图项目 ShowColumnHeaders...,右边是标签的形式显示 Menu:选定一个主菜单 RowCount:只读。...Images:为下拉列表中的项目选择图片 ItemHeight:下拉列表中项目的高度 ItemsEx:对下拉列表中项目进行操作 SelText:选定的文本 Style:下拉列表框的样式
,用什么依据来为数据进行分组。...先选择建表要用到的数据,再通过插入图表命令插入选定类型的图表 利用固定常量创建图表 •选中任意单元格,点击插入标签,选择合适类型的图表 •此时会插入一个空白的图表,我们选择图表,切换图表设计标签,...如果数据是按月份/品类/规格放在不同的工作表,将先将不同工作表合并到同一张表中再建立数据透视表 数据必须是一维表格,不是二维表 数据透视表的原始数据应该是一维表格,即表的第一行是字段名,下面是字段对应的数据...理解字段 字段勾选完后,就需要对字段进行设置。 字段设置有以下两个要点:即,透视表的列和行分别显示什么数据、数据的统计方式是什么。...,可以通过坐标轴和图例附近的下拉菜单调整图表内容 数据透视图是动态图表,可以通过坐标轴和图例附近的下拉菜单调整图表内容 将数据透视图变成普通图表 数据透视图会随着数据透视表数据变化而变化,如需讲数据透视图变成普通静态图
领取专属 10元无门槛券
手把手带您无忧上云