HTML的全局事件属性 Window窗口事件 onload，在页面加载结束后触发。 onunload，在用户从页面离开时触发，如单击跳转，页面重载，关闭浏览器窗口等。...Form表单事件 onblur，当元素失去焦点时触发。 onchange，在元素的元素值被改变时触发。 onfocus，在元素获得焦点时触发。...onreset，当表单中的重载按钮被点击时触发。 onselect，在元素中文本被选中后触发。 onsubmit，在提交表单时触发。...onkeyup，当用户释放按键时触发。 Mouse鼠标事件 onclick，当在元素上单击鼠标时触发。 onblclick，当在元素上双击鼠标时触发。...onmouseover，当鼠标指针移动到元素上时触发。 onmouseup，当在元素上释放鼠标按钮时触发。 Media媒体事件 onabort，当退出媒体播放器时触发。
href属性时，它就具有了超链接的功能。...⚪ 不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。...-- 用ABCD标号，从第四个开始 --> 列表项1 列表项2 列表项3中的字段 * tr 用于定义表格中的一行，必须嵌套在 table 标签中，在 table 中包含几对 tr 就有几行表格。...* td 用于定义表格中的单元格，必须嵌套在 tr 标签中，一对 tr 中包含几对 td 就表示该行中有多少列（或多少个单元格）。
HTML的全局事件属性 Window窗口事件 onload，在页面加载结束后触发。 onunload，在用户从页面离开时触发，如单击跳转，页面重载，关闭浏览器窗口等。...Form表单事件 onblur，当元素失去焦点时触发。 onchange，在元素的元素值被改变时触发。 onfocus，在元素获得焦点时触发。...onreset，当表单中的重载按钮被点击时触发。 onselect，在元素中文本被选中后触发。 onsubmit，在提交表单时触发。...onkeyup，当用户释放按键时触发。 Mouse鼠标事件 onclick，当在元素上单击鼠标时触发。 onblclick，当在元素上双击鼠标时触发。...Media媒体事件 onabort，当退出媒体播放器时触发。 onwaiting，当媒体已停止播放但打算继续播放时触发。 HTML元素 一个HTML文档包含的标签 <!
HTML的一些标签以及表单 图片标签 属性 说明 src 图像的路径 alt 图像不能显示时的替换文字 title 鼠标悬停时显示的内容 border 设置图像边框的宽度 align 对齐方式 相对路径.../baidu.gif"/> 超链接 属性 作用 target 用于指定链接页面的打开方式，-self是默认值，_blank为在新窗口的打开方式 锚点链接 通过给内容中特定位置加id值来标记位置，然后用...：colspan="合并单元格的个数" 三部曲 先确定跨行还是跨列 把合并代码写在目标单元格内（跨行就写在最上侧的单元格，跨列就写在最左侧的单元格） 删除多余的单元格 列表 属性 说明 ul元素 无序列表...，没有层级，都是并列的，列表项前会有点 li 嵌套在ul，ol里面的列表项 ol元素 有序列表，会有顺序，1，2，3， start 加在ol里面，可以设置编号的起始值 dl元素...属性 说明 value 规定input控件的默认文本值 maxlength 规定输入字段中的最大长度 checked 首次加载就被选中，就是默认选中 textarea元素：创建多行文本框 <textarea
---- 图像标签img (重点) 单词缩写： image 图像 HTML网页中任何元素的实现都要依靠HTML标签，要想在网页中显示图像就需要使用图像标签，接下来将详细介绍图像标签 以及和他相关的属性...href：用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。...不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。 ---- 锚点定位 （难点） 通过创建锚点链接，用户能够快速定位到目标内容。...因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。...表格中没有列元素，列的个数取决于行的单元格个数。 表格不要纠结于外观，那是CSS 的作用。
当把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手；使用 Target 属性，可以定义被链接的文档在何处显示。 列项目，列表项目使用数字进行标记，有序列表始于 标签，每个列表项始于 标签。 自定义列表不仅仅是一列项目，而是项目及其注释的组合。...用于把所有用于列表的属性设置于一个声明中 list-style-image 将图象设置为列表项标志。 list-style-position 设置列表中列表项标志的位置。...当您声明一个变量时，就创建了一个新的对象 函数： 函数是由事件驱动或者当它被调用时执行的可重复使用的代码块，定义语法如下所示： function functionname() { 这里是要执行的代码...} 当调用该函数时，会执行函数内的代码。
如果希望某段文本强制换行显示，就需要使用换行标签 （5）、a标签：超链接，将页面组织在一起形成网站，超链接（放文本、图片不能当容器使用），字体颜色默认是蓝颜色的...文本或图像 说明： href：用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。...标签，他就像一个容器，可以容纳所有的元素 表格结构： 在使用表格进行布局时，可以将表格划分为头部、主体和页脚（页脚因为有兼容性问题，我们不在赘述），具体 如下所示： ...如果不定义表单域，表单中的数据就无法传送到后台服务器。...作用： 用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点 如何绑定元素呢？ for 属性规定 label 与哪个表单元素绑定。
④ 不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。...-- 用ABCD标号，从第四个开始 --> 列表项1 列表项2 列表项3 ...... ?...th 用户定义表中的字段 tr 用于定义表格中的一行，必须嵌套在 table 标签中，在 table 中包含几对 tr 就有几行表格。...td 用于定义表格中的单元格，必须嵌套在 tr 标签中，一对 tr 中包含几对 td 就表示该行中有多少列（或多少个单元格）。...label 用于绑定一个表单元素, 当点击 label 标签的时候, 被绑定的表单元素就会获得输入焦点，for 属性规定 label 与哪个表单元素绑定 Male<
href：用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。...4.不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。 锚点定位 通过创建锚点链接，用户能够快速定位到目标内容。...因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。...表格中由行中的单元格组成。 表格中没有列元素，列的个数取决于行的单元格个数。 表格不要纠结于外观，那是CSS 的作用。...如果不定义表单域，表单中的数据就无法传送到后台服务器。
事件委托 事件委托，通俗地来讲，就是把一个元素响应事件（click、keydown......）的函数委托到另一个元素。...class="my_link">超链接三 当我们的鼠标移到标签上的时候，需要获取此的相关信息并飘出悬浮窗以显示详细信息，或者当某个被点击的时候需要触发相应的处理事件...我们希望，只绑定一次事件，即可应用到多个元素上，即使元素是后来添加的。 因此，比较好的方法就是把这个点击事件绑定到他的父层，也就是 ul 上，然后在执行事件函数的时候再去匹配判断目标元素。...">超链接三 上方代码，为父节点注册 click 事件，当子节点被点击的时候，click事件会从子节点开始向父节点冒泡。...换而言之，参数为false，说明事件是在冒泡阶段触发（子元素向父元素传递事件）。而父节点注册了事件函数，子节点没有注册事件函数，此时，会在父节点中执行函数体里的代码。
用于定义表格中的单元格，必须嵌套在标签中。 字母td指表格数据（table data），即数据单元格里面的的内容。...，以实现用户信息的收集和传递。...input元素首次加载时应当被选中mexlength正整数规定输入字段中的字符的最大长度 name和value是每个表单元素都有的属性值,主要是给后台人员使用 name表单元素的名字, 要求单选按钮和复选框要有相同的...label>标签为input元素定义标注（标签） 使用场景：标签用于绑定一个表单元素，当点击标签内的文本时，浏览器就会自动将光标转到或选择对应的表单元素上，用来增加用户体验...: 在页面中，如果有多个选项让用户选择，并且想要节约页面空间时，我们可以使用标签控件定义下拉列表。
标签用于定义表格中的行，必须嵌套在 标签中。 用于定义表格中的单元格，必须嵌套在标签中。...根据使用情景不同，列表可以分为三大类：无序列表、有序列表和自定义列表。 无序列表 标签表示 HTML 页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用 标签定义。...在 HTML 标签中， 标签用于定义表单域，以实现用户信息的收集和传递。 会把它范围内的表单元素信息提交给服务器.... 标签用于绑定一个表单元素, 当点击 标签内的文本时，浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上,用来增加用户体验....元素 在页面中，如果有多个选项让用户选择，并且想要节约页面空间时，我们可以使用标签控件定义下拉列表。
说明这个地方是一个表格 标签用于定义表格中的行，必须嵌套在 标签中。 用于定义表格中的单元格，必须嵌套在标签中。...，以实现用户信息的收集和传递。...checked checked 规定此input元素首次加载时应当被选中 mexlength 正整数 规定输入字段中的字符的最大长度 name和value是每个表单元素都有的属性值,主要是给后台人员使用..., 一般较少使用 label标签 标签为input元素定义标注（标签） 使用场景：标签用于绑定一个表单元素，当点击标签内的文本时，浏览器就会自动将光标转到或选择对应的表单元素上...，并且想要节约页面空间时，我们可以使用标签控件定义下拉列表。
这种方法可以提高性能，尤其是在处理大量元素时。本文将详细介绍事件代理的概念、原理、使用场景、代码示例以及注意事项。...所以在了解事件代理之前，我们需要知道什么是事件冒泡（Event Bubbling）。 当一个事件在DOM元素上触发时，它会首先在该元素上触发，然后逐级向上传播到文档的根元素。这个过程就是事件冒泡。...-- 更多列表项 --> 如上面代码所示，如果给每个li列表项都绑定一个函数，那对内存的消耗是非常大的，因此较好的解决办法就是将li元素的点击事件绑定到它的父元素ul身上，执行事件的时候再去匹配判断目标元素...如果用了事件委托就没有这种麻烦了，因为事件是绑定在父层的，和目标元素的增减是没有关系的，执行到目标元素是在真正响应执行事件函数的过程中去匹配的；所以使用事件在动态绑定事件的情况下是可以减少很多重复工作的...event：必需，规定附加到元素的一个或多个事件。由空格分隔多个事件值。必须是有效的事件。 data：可选，规定传递到函数的额外数据。 function：必需，规定当事件发生时运行的函数。 <!
选择符与遍历 (): 函数接受css选择符作为参数，充当一个工厂函数，返回对应元素的JQuery对象。...否定式伪类: $(‘#myid li:not(.myClass)’)选择id为myid的元素中不属于myClass类的所有列表项(li)....odd)’): 选择从父元素的第一个元素开始计算的所有奇数列表项 $(‘li:contain(string)’): 选择包含string的列表项 表单选择符: :input :button...(document).ready(func)可以简写为(func); bind(event, func)函数可以为DOM节点绑定事件，以及事件发生时所执行的函数。...事件捕获和事件冒泡：事件捕获是从父节点开始将事件传递给子节点，而事件冒泡则正好相反。JQuery采取事件冒泡的策略。 事件对象：事件发生时执行的函数可以把事件对象作为参数。
数组和类似数组的对象通过一个长度属性（如一个函数的参数对象）来迭代数字索引，从 0 到 length - 1，其他对象通过其属性名进行迭代。...如果传入一个 true，则表示是否会复制元素上的事件处理函数，从 jQuery 1.4 开始，元素数据也会被复制。...var two = $('ul>li').eq(1); $('ul>li').not(two).css('background', 'red'); # 3.3.2.5filter() 方法描述：筛选元素集合中匹配表达式或通过传递函数测试的元素集合...# 3.4.5 表单事件 # 1. focus() 方法描述：当失去焦点时触发所绑定的函数。...', 'red'); }); # 2. blur() 方法描述：当获取焦点时触发所绑定的函数。
tr标签 用于定义表格中的行，必须嵌套在 table标签中。 td 用于定义表格中的单元格，必须嵌套在标签中。...表格中由行中的单元格组成。 表格中没有列元素，列的个数取决于行的单元格个数。 表格不要纠结于外观，那是CSS 的作用。...如果不定义表单域，表单中的数据就无法传送到后台服务器。...概念： label 标签为 input 元素定义标注（标签）。 作用： 用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点。 如何绑定元素呢？...元素属性 元素属性值使用双引号语法 元素属性值可以写上的都写上 推荐： <input type="radio" name="name" checked
第二个选项是在对话框中的超链接上使用 data-rel 属性，并将其值设置为 back，如以下代码所示。当在对话框中包括一个 Cancel 按钮时，这是一个不错的选项。...在 jQuery Mobile 中，页眉的默认用法是作为固定在 Web 页面顶部的页面标题；在大部分情况下，页脚是 Web 页面中的最后一个元素，并且包括版权信息、其他超链接等内容。...星号（*）表示您在网格中选择使用的主题。（有关主题系统的更多信息，请参阅 参考资料。）您可以根据自己的选择创建多个列，但我建议最多只使用两列，并且只在有必要时使用。...该列表项还包括一个用作在对话框中购买该列表项的一个超链接的图标。您也可以使用 data-split-icon 属性，修改显示在列表项右侧的拆分按钮的默认图标。 另一个有用的基本列表增强是列表分隔符。...随着图柄的移动，滑块的值被存储起来，然后，在表单被提交时，该值也被提交。要创建一个滑块，您可以从基本的 HTML 输入开始，但要将 type 属性定义为 range。
有序列表 有序列表的标记为，每一个列表项前使用。有序列表中的项目是有一定顺序的。...标记要嵌套在标记中使用，该标记也具有align,background等属性。 单元格标记 单元格标记又称为列标记，一个标记中可以嵌入若干个标记。...其属性值可以为空值，也可以指定为readonly size 用于指定输入字段的宽度，当type属性为text和password时，以文字个数为单位，当type属性为其他值时，以像素为单位 src 用于指定图片的来源...，当type属性为checkbox和radio时，不可省略此属性，为其他值时可以省略。...，换行符不被提交 off 表示不自动换行，如果想让文字换行，只能按下Enter键强制换行 超链接与图片标记 1.超链接标记 超链接标记是页面中非常重要的元素，用于实现在网站中从一个页面跳转到另一个页面
设置按钮点击事件 可以给Button绑定onClick事件，当用户点击Button的时候，就会回调onClick内方法。...SpaceAround：元素在主轴方向均匀分配弹性元素，相邻元素之间距离相同。 第一个元素到行首的距离和最后一个元素到行尾的距离是相邻元素之间距离的一半。...List列表滚动事件监听 List组件提供了一系列事件方法用来监听列表的滚动，您可以根据需要，监听这些事件来做一些操作： onScroll：列表滑动时触发，返回值scrollOffset为滑动偏移量，scrollState...同时设置columnsTemplate的值为’1fr 1fr 1fr 1fr’，表示这个网格为4列，将Grid允许的宽分为4等分，每列占1份；rowsTemplate的值为’1fr 1fr 1fr 1fr...此外页签显示位置还与vertical属性相关联，vertical属性用于设置页签的排列方向，当vertical的属性值为false（默认值）时页签横向排列，为true时页签纵向排列。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
