2.段落标记 段落标记以标记开头,以标记结束。 段落标记在段前和段后各添加一个空行,而定义在段落标记中的内容不受该标记的影响。...其属性值可以为空,也可以指定为disabled checked 用于指定输入字段是否处于被选中状态,用type属性值为radio和checkbox的情况下,其属性值可以为空值,也可以指定为checkbox...…下拉列表标记 标记可以在页面中创建下拉列表,此时的下拉列表是一个空的列表,要使用标记向列表中添加内容。...size 用于指定下拉列表框中显示的选项数量,超出该数量的选项可以拖动滚动条查看 disabled 用于指定当前下拉列表框不可使用(变成灰色) multiple 用于让多行列表框支持多选 例: <html...,当表单提交后,在服务端获取表单数据时应用 cols 用于指定多行文本框显示的列数(宽度) rows 用于指定多行文本框显示的行数(高度) disabled 用于指定当前多行文本框不可使用(变为灰色)
,可以使用示例5.15的写法,如果多个事件中药处理的业务大相径庭,则比较适合使用示例5.16的写法。...假设给所有的文本框通过bind绑定了鼠标单击事件,然后再动态创建一个文本框,此时绑定的鼠标单击事件对这个新创建的文本框无效;但是如果使用live进行绑定,那么新创建的文本框也会绑定鼠标单击事件。...一次移除多个事件,中间用空格隔开 $("p").die("click mouseover"); //移除段落元素的鼠标单击事件和鼠标悬浮事件 5.4.3 on和off on是jQuery 1.7版本中新增的函数...4:种族选择 训练技能点 jQuery change事件 需求说明 使用jQuery change事件实现种族选择。选择下拉列表框中不同的项,就显示不同的图片。...实现步骤 (1) 实现图5.2.4所示的界面,默认不显示任何图片 (2) 给下拉列表框设置change事件,并实现选择下拉列表框中不同的项,就显示不同的图片,参考代码如下所示。
,可以使用示例5.15的写法,如果多个事件中药处理的业务大相径庭,则比较适合使用示例5.16的写法。...假设给所有的文本框通过bind绑定了鼠标单击事件,然后再动态创建一个文本框,此时绑定的鼠标单击事件对这个新创建的文本框无效;但是如果使用live进行绑定,那么新创建的文本框也会绑定鼠标单击事件。...一次移除多个事件,中间用空格隔开 $("p").die("click mouseover"); //移除段落元素的鼠标单击事件和鼠标悬浮事件 5.4.3 on和off on是jQuery 1.7...4:种族选择 训练技能点 jQuery change事件 需求说明 使用jQuery change事件实现种族选择。选择下拉列表框中不同的项,就显示不同的图片。 ...实现步骤 (1) 实现图5.2.4所示的界面,默认不显示任何图片 (2) 给下拉列表框设置change事件,并实现选择下拉列表框中不同的项,就显示不同的图片,参考代码如下所示。
如果没有符合条件的域,这个数组将会是个空数组,否则它将会包含至少一个值。 是否可以连环调用: 否, 这个方法返回的是一个数组。...这个方法将会清空所有的文本框,密码框,文本域里的值,去掉下拉列表所有被选中的项,让所有复选框和单选框里被选中的项不再选中。...如果'beforeSubmit'指定的函数返回false,则表单不会被提交。...数据 'json': 如果 dataType == 'json' 则server端返回的数据将会被执行,并传进'success'回调函数 'script': 如果 dataType == 'script...,请求的Action返回列表的JSON方式,取得JSON的列表后,编程遍历每个元素,并填充到原有下拉框的选项中。
jQuery 核心对象:即执行 jQuery 核心函数返回的对象,jQuery 对象内部包含的是 dom 元素对象的伪数组 (可能只有一个元素),jQuery 对象拥有很多有用的属性和方法,让程序员能方便的操作...可见性筛选器 需求描述:让隐藏的段落显示出来 我是显示段落 我是隐藏段落 $('p...注意:如果存在(不存在)就删除(添加)一个样式类 需求描述:当单击按钮的时候,隐藏 div,再次单击按钮的时候,显示 div .hide { width: 100px; height...如果传入一个 true,则表示是否会复制元素上的事件处理函数,从 jQuery 1.4 开始,元素数据也会被复制。...: none; } $('.box').show(); # 3. toggle() 方法描述:如果隐藏就设置为显示,如果显示就设置为隐藏。
web前端学习 10节 HTML 学习如何搭建页面结构和内容 (盖房子 毛坯房) CSS 学习如何美化页面 (装修) JavaScript 学习如何给页面添加动态效果 jQuery JS语言框架,简化原生...有序列表 ol:type(序号类型) start(起始值) reversed(降序) li 列表嵌套: 有序列表和无序列表可以任意无限嵌套 ###图片标签img src:路径 相对路径:访问站内资源时使用...百分比 支持的图片格式: jpg/jpeg png gif ###超链接a a标签包裹文本是文本超链接,包裹图片是图片超链接 href:路径 可以指向页面也可以指向其它文件(如果浏览器支持浏览此文件则直接浏览...,如果不支持则下载) 页面内部跳转: 回到顶部回到顶部 ###表格标签table 相关标签: table tr td th caption 属性...密码框 提交按钮 单选 多选 下拉选等) ---- 练习 1.列表练习 <!
不过,和DropDownList控件相比,还缺少以下内容 1、当点击菜单中的某一项,菜单的文字自动显示在文本框中 2、当点击菜单中的某一项,提供一个函数来获得相关的数据(可以是菜单的文字,也可以是相关的文本...先规划好这个JQuery组件的属性: InputName:文本框的name和id属性,默认值是“Q”; ButtonText:右侧按钮的文字,默认值是“示例”; ReadOnly:文本框的可编辑性属性。...MaxHeight的实现:判断下拉菜单(元素UL)的高度是否超过MaxHeight,若超过则设置CSS属性Height和Overflow onSelect函数:要自己实现一个函数,参数有两个值,第一个值是文本框的名字...Selected参数,则获取该条目的ItemDada和ItemText。...ReadOnly参数设置为true,则屏蔽掉文本框的相关事件,使得文本框不能编辑。
url alt:定义作用图像的替代文本 标签 标签:定义一个下拉列表(下拉框) 属性: name:定义下拉列表的名称 size:定义下拉列表中可见的选项的数目 multiple...(空标记).空元素是在开始标签中关闭的....在开始标签中添加斜杠,比如 ,是关闭空元素的正确方法,html、Xhtml 和 XML都接受这种方式.即使 在所有浏览器中都是有效的,但使用 其实是更长远的保障. html...其它常用属性: name:定义标签名称 src:定义作为提交按钮显示的图像的url alt:定义作用图像的替代文本. 3.select标签 select 用于定义一个下拉列表 常用属性: name:定义下拉列表的名称...size:定义下拉列表中可见选项的数目 multiple:定义可选择多个选项 option 用于定义下拉列表中的选项.
HTML标签和元素HTML标签是由尖括号括起来的名称,例如表示段落,表示图像。标签通常成对出现,有一个开始标签和一个结束标签。例如:这是一个段落。...以下是一些常见的文本元素::定义一个段落。到:定义标题,是最高级别的标题,是最低级别的标题。:定义强调文本,通常以粗体显示。...:定义强调文本,通常以斜体显示。:定义超链接,允许用户点击跳转到其他页面。示例:这是一个段落。这是一个标题这是强调文本。...示例:订阅新闻下拉列表下拉列表使用和标签创建。...定义下拉列表,而定义选项。
1.4.3 空的Html标签 没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。 就是没有关闭标签的空元素( 标签定义换行)。...2.3.1 p标签 标签是段落标签,可以将html文档分割为若干段落。浏览器会自动在段落前后添加空行。...2.9.3 select与option标签 用于定义一个下拉列表 常用属性: name:定义下拉列表的名称 size:定义下拉列表中可见选项的数目 multiple:定义可选择多个选项...用于定义下拉列表中的选项。...常用属性: src:定义此框架要显示的页面url name:定义此框架的名称 frameborder:定义框架的边框,其值可以有0和 1,0表示不要边框,1表示要显示边框。
对象和dom对象的相互转换 2-dom对象和jQuery对象的相互转换.html <!...例如:$("div:nth-child(2)") // 如果元素上添加条件,则必须使用空格。...disabled=""> 或 —) :checked 选中(指的是 单选框radio、复选框 checkbox) :selected 选择(指的是 下拉列表...selected">天津 广州 湖北 下拉列表.../js/jquery-1.8.3.js"> 段落 段落
所有如果使用 相对路径 的话,只要我的项目目录不发生结构性的改变,我的项目在哪个设备上都不会出问题。 ## 列表 在 HTML 中,我们可以定义 无序列表,有序列表 和 定义列表。...是空元素,只由开始标签和属性组成。 具体的输入类型是由type属性定义的。在这里我们先介绍几个常用的。 #### 文本框(text) text 类型用于一般文本输入。...如果在浏览器尝试上面的例子,你会发现三个水果只有一个可以被选中,点击另外一个,则之前选中的自动被取消。但是注意只有name属性相同的按钮在一起才会有这种效果。...### 下拉列表 标签 和 标签 组合使用可以实现下拉列表。可以把它类比做一个可以下拉的无序列表。正常情况下只显示一个选项,当下拉菜单被点击更多选择则显示出来。...使用方法和基本一样。 如果想让音乐自动循环背景播放,可以做出如下修改: 去掉controls属性,因为用户看不到任何控件,则音频为背景播放。
HTML 表单通常包含各种输入字段、复选框、单选按钮、下拉列表等元素。... 元素用于创建下拉列表,而 元素用于定义下拉列表中的选项。...(用于单选按钮和多选按钮) 下拉标签select: 元素用来创建下拉列表。 元素中的 标签定义了列表中的可用选项。...页面加载时,下拉框会显示 “请选择国家” 作为初始文本。...[] 语法:告诉后端这是一个数组参数,可以接收多个值(例如用户同时选了 “自行车” 和 “小汽车”)。选中复选框时,对应 value 的值会被提交到服务器。如果没选,则该复选框的值不会被提交。
(本文年代久远,请谨慎阅读)今天学习了JQuery的一些基本用法,包括JQuery选择器和JQuery包装集; 从现在开始,要慎重区分DOM对象和JQuery对象,两种对象的方法不同,属性不同,在使用中要特别注意...而在JQUERY中则完全不同,JQUERY提供了异常强大的选择器用来帮助我们获取页面上的对象,并且将对象以JQUERY包装集的形式返回。 "$"符号在JQUERY中代表对JQUERY框架集的引用。...对象,然后用对象的appendTo方法追加到testDiv这个被选元素的结尾,这个被选元素即某个控件, 如一个div块或者一个文本框,效果是在此控件后显示一个下拉框; 其他一些常用的操作JQUERY包装集的函数...,则flagValue会为true; $("input").map(function(){}).get().join(", ")把form中的每个input元素的值建立一个列表 Values...第一个元素是0.如果是负数,则可以从集合的尾部开始选起。 第二个参数:结束选取自己的位置,如果不指定,则就是本身的结尾。
url 6.列表标签 ul>li:无序标签 ol>li:有序标签 特殊的快捷键:ul>li{第$列}*5,其中$表示显示序列的位数 显示结果: 第1列...如果该属性值为空,则提交到文档自身。...普通按钮”/> hidden 隐藏按钮 file 文本选择框 4.select标签(下拉列表...value="内蒙">内蒙 5.select属性 multiple : 布尔属性,设置后允许多选,否则只能选择一个 disabled : 禁用该下拉列表...(高度) cols number 设置多行文本框的显示列数(宽度) disabled disabled 布尔属性,设置当前文本框为禁用状态 8.label标签 <form id="form1" name
(重要性:1.SEO 2.盲人阅读需求) Title 提示文本 鼠标放到图片上显示的文字 Width 图片宽度 Height 图片高度 PS:图片没有定义宽高的时候,图片按照百分之百比例显示,如果只更改图片的宽度或者高度...下拉列表 下拉列表选项 下拉列表选项 multiple=”multiple”: 将下拉列表设置为多选selected=”selected...-- 下拉列表 --> 省(市) 和span。(比如使用p是段落标签) 2:在语义不明显时,既可以使用div或者p时,尽量用p, 因为p在默认情况下有上下间距,对兼容特殊终端有利。
比如:段落标签(p),标题标签(h1~h6),自带换行; 行内元素,可以在一行写多个的标签,靠内容撑开宽度;(a,strong,em...)...interest" value="talk" checked />聊天 玩游戏 10.3.5 select下拉列表...希望在页面加载时有默认选中的选中项,则必须使用selected属性,如果没有默认选中项则第一个选项 默认被选中; 下拉列表框--> 文本框中输入内容时提示语消失; 10.5.2 required 规定文本框填写内容不能为空
(重要性:1.SEO 2.盲人阅读需求) Title 提示文本 鼠标放到图片上显示的文字 Width 图片宽度 Height 图片高度 PS:图片没有定义宽高的时候,图片按照百分之百比例显示,如果只更改图片的宽度或者高度...下拉列表 下拉列表选项 下拉列表选项 multiple=”multiple”: 将下拉列表设置为多选 selected=”selected...”:设置默认选中项目 对下拉列表进行分组。...1:尽可能少的使用无语义的标签div和span。(比如使用p是段落标签) 2:在语义不明显时,既可以使用div或者p时,尽量用p, 因为p在默认情况下有上下间距,对兼容特殊终端有利。
HTML标签不区分大小写,和是一样的,但建议小写,因为大部分程序员都以小写为准。 HTML标签 标签 如果想在网页上显示文章,就需要标签,把文章的段落放到标签中。...浏览器会忽略HTML中的回车和空格,如果需要换行,就要用到标签。 2. 如果需要加空格,则需要用 来替换空格。... 和 标签 利用和可以生成有顺序的列表。...下拉列表框 下拉列表在网页中也常会用到,它可以有效的节省网页空间。...既可以单选、又可以多选 下拉列表也可以进行多选操作,在标签中设置multiple="multiple"属性,就可以实现多选功能 ? ?
表单属性选择器 名称 说明 :enabled 匹配并获得所有正常使用的元素 :disabled 匹配并获得所有禁用的元素 :checked 匹配并获得所有被选中的复选框 :selected 匹配并获得下拉列表框的选中项.../div>$("#btn").click(function(){$("#content1").html("下拉列表框的选中项的值是...this).val());});$("#content3").html("被禁用的元素的值是:"+$("input:disabled").val());}) 上述代码使用表单属性选择器对下拉列表框好复选框进行了操作...4.1.7 可见性选择器 可见性选择器比较简单,主要是通过显示/隐藏状态来获取和匹配元素的,详见表4-1-7。...但是由于部分数据不存在造成一些单元格是空的,现在要求使用jQuery选择器把空单元格中的空文本改为“暂无”。