其中使用最广泛的JavaScrip库是jQuery, 是于2006年创建的一个JavaScript库 集 JavaScript、CSS、DOM 和 Ajax 于一体的强大框架体系。...,当点击jQuery按钮后会显示图片。 ...再次点击jQuery按钮即可将加载的图片收回。 示例二: (1). Onmouseover事件是指将光标移至元素上产生的事件。 (2)...."); }); element选择器: element 选择器选取带有指定元素名称的所有元素。...> 二、表单选择器 表单选择器是除了基础选择器的id、class、element之外用的比较多的选择器,一般在填写注册信息的时候会使用到。
要想让多个单选框实现单选的效果,则多个单选框的name属性值必须一样。 2....一般会给每一个单选框提供value属性,指定其被选中后提交的值 2. checked属性,可以指定默认值 * file:文件选择框 * hidden:隐藏域,用于提交一些信息...外部样式 1. 定义css资源文件。 2....在head标签内,定义link标签,引入外部的资源文件 * 如: * a.css文件: div{ color:green; } hello css hello css * 注意: * 1,2,3种方式 css
选取单选按钮 点击元素 在事件中经常使用术语"触发"(或"激发")例如:"当您按下按键时触发 keypress 事件"。 ?...jQuery选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML元素。它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。...通过 id 选取元素语法如下: $("#test") 实例 当用户点击按钮后,有 id="test" 属性的元素将被隐藏: 实例 $(document).ready(function(){$("button...语法如下: $(".test") 实例 用户点击按钮后所有带有属性的元素都隐藏: 实例 $(document).ready(function(){$("button").click(function()...选取单选按钮 点击元素 jQuery 事件方法语法 在 jQuery 中,大多数 DOM 事件都有一个等效的jQuery 方法。
一、form表单 form表单用于用户界面向服务器传输数据,实现用户和web服务器的交互。表单包含input系列标签如文本字段、复选框、单选框、提交按钮等。... button 普通按钮 hidden 隐藏输入框 1.3select标签 属性 说明 multiple 布尔属性,设置后为多选,否则默认为单选 disabled 禁用 selected 默认选中该选项 value 定义提交时的选项值...2.2.2css注释 css的注释方式和C语言的多行注释方式相同,但需要说明的是,css单行与多行注释方式相同。...2.4.3属性选择器 用于选取带有指定属性(如id,属性名=属性值,属性名等)的元素。
radio:单选框,表示一组互斥选项按钮中的一个。当一个按钮被选中,之前选中的按钮就变为非选中的 。 submit:提交按钮。提交按钮会把表单数据发送到服务器。...checkbox: 复选框 file:文件上传组件,提供"浏览"按下可以选择需要上传文件. hidden:隐藏字段. 数据会发送给服务器,但浏览器不进行显示。 u reset:重置按钮。...submit和reset为按钮显示数据 size:大小 checked属性:单选框或复选框被选中。...2) 内部样式 内部样式又称为内嵌式,是将CSS代码集中卸载HTML文档的头部标签体中,并且使用标签定义。 给当前html文件中的多个标签设置样式。...3) 外部样式 外部样式又称为链入式,是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,通过标签将样式连接到HTML文档中。 <!
单选题 (共计 10 题,总计 24分) 1、(单选题)把鼠标移到按钮上时,会产生哪些事件?...将对象强制作为块对象呈递,为对象之后添加新行 可以定义高度和宽度 none : CSS1 隐藏对象。...与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间 inline : CSS1 内联对象的默认值。...语法: window.open([URL], [窗口名称], [参数字符串]) 参数说明: URL:可选参数,在窗口中要显示网页的网址或路径。...中的数据类型有: 字符串、数字、布尔、数组、对象、Null、Undefined Date是对象 13、(多选题)下面说法正确的有() A.P元素不能包含div B.Li元素的祖先元素可能是li,但父元素不可能是
需求分析: 当点击不同的按钮时,根据按钮的需求将左边或右边的option插入到对面的下拉选中....]").val("许多多"); //3通过html获取div标签体的内容 // alert($("div").html()); //4通过html设置div标签体的内容 //...div标签体的内容 // $("div").text("已满18,请戴眼镜!!!!")...设置div标签体的内容 // $("div").html("已满18,请戴眼镜..."); //5通过text获取div标签体的内容 // alert($("div").text()...); //6通过text设置div标签体的内容 // $("div").text("已满18,请戴眼镜!!!!")
今天教大家用纯css实现一个单选的折叠菜单,不需要JavaScript就能用。折叠菜单和标签页差不多,逻辑上都是一种单选面板,只不过折叠菜单一般是垂直堆叠的,标签页是横着排列。...标签页: 既然是单选的,就可以用单选按钮来实现。...首先这些单选按钮组的父元素用,因为可以监听按钮组的变化,同时还能通过name属性直接得到RadioNodeList列表和变化值,非常方便,不用设置其他的css选择器了。...value,也就是折叠按钮的标题,每个后面跟着一个就是菜单展开的内容。...>,默认是隐藏的,只有被选中的后面的才显示。
响应式设计(重点): Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机; BootStrap包含内容(主要包含): 基本结构:Bootstrap 提供了一个带有网格系统、链接样式...--引用(Blockquote)--> 这是一个带有源标题的引用。...) .checkbox #默认复选框样式 div标签 .radio #默认单选按钮样式 dic标签 .checkbox-inline #内联的复选框 .radio-inline #内联的单选按钮的...---使用 class .sr-only,您可以隐藏内联表单的标签。...Button 按钮 描述:BS提供了几种样式的Button可以快速进行标签样式的调整; 任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观,样式可用于, , 或
用于指定html文档的一些属性。引入外部的资源 title:标题标签。 body:体标签 :html5中定义该文档是html文档 文本标签:和文本有关的标签 注释:<!...: 点我 块标签div和span: div:每一个div占满一整行。...表示表格的体部分 :表示表格的脚部分 表单标签 概念:用于采集用户输入的数据的。...要想让多个单选框实现单选的效果,则多个单选框的name属性值必须一样。 2....一般会给每一个单选框提供value属性,指定其被选中后提交的值 2. checked属性,可以指定默认值 file:文件选择框 hidden:隐藏域,用于提交一些信息。
用罗马数字表示的 1 和 2 与字符 1 和 2 是相同的,它们的像素宽度也是相同的。 我的想法是将一个玩家(黄色)的单选按钮连接到左边,并将另一个玩家(红色)的单选按钮连接到共享父容器的右边。...诀窍不仅在 CSS 中,而且在 HTML 中,下一列必须是上一列中创建嵌套结构的单选按钮的同胞元素。...我们的目标是检测出黑板上有 42 个 :checked 的单选按钮。这也意味着它们没有一个处于 :indeterminate 状态。这就要求为每个单选按钮做一个选择。...黄方胜利的信息盖住了平局结果 虽然许多单选按钮是通过绝对定位隐藏在彼此后面的,但是所有处于不确定状态的按钮仍然可以通过控件的 tabindex 来访问。这使得玩家可以将他们的圆盘放入任意的圆孔中。...让我们看看这个游戏的一些数据: 140 个 HTML 元素 350 行 (合理地) CSS 0 行 JavaScript 0 个外部资源 总的来说,我对结果很满意,反馈也很好。
语法如下:$(“.test”) 实例:用户点击按钮后所有带有 class=”test” 属性的元素都隐藏: $(document).ready(function(){ $("button").click...") //匹配所有可见元素 :hidden选择所有隐藏的元素,如:$("div:hidden").show(3000)); :visible选择所有隐藏的元素,如: $("div:visible...") 等价于$("[type=text]"),推荐使用$("input:text")效率更高,下同 $(":password") //所有密码框 $(":radio") //所有单选按钮...选取单选按钮 点击元素 在事件中经常使用术语”触发”(或”激发”)例如: “当您按下按键时触发 keypress 事件”。...id="div1">使用 jQuery AJAX 修改该文本 获取外部内容 为了避免多页面情形下的代码重复
复选框 包含CSS样式的单选、复选按钮用起来并不方便,Bootstrap提供了一个重新设计的方案:它将一组复选框或单选按钮组合成一组Bootstrap按钮,这些按钮被放在一起。...要创建此复选框组,您需要一个带有类”btn-group”的包裹按钮,这个还应该具有一个data-toggle=”buttons”属性来切换数据。...您可以通过混合Bootstrap的按钮类来创建按钮组中的多色按钮,比如btn-primary、 btn-info等。 单选按钮 您还可以创建一组单选按钮,其中只有一个按钮是可选的。...包裹体可以有三个类panel-collapse、collapse和in;类collapse用来折叠和隐藏面板中panel-body的内容,而in显示这些内容。...这个包裹体元素应该有一个名为modal-content的类。 模式对话框的子部分是页眉、本体和页脚。页眉和页脚部分是可选的。要创建页眉,您需要一个带有类modal-header的div元素。
-- 控制按钮 --> // $("#...示例动图如下: 3.4、内容过滤选择器 详解如下: :empty 当前元素是否为空(即是否有标签体,标签体包括子元素或文本) :has(selector) 当前元素是否含有指定的子元素...-- 控制按钮 --> <input type="button" value...没有值,则获取的是option的text文本的值 // html() 函数获取的是标签体的内容 $("#selectDivId... love 的内部的前面 示例动图如下: 5.2、外部插入【掌握】 详解如下: // 方式一:适合编程 A.after(B) 将B插入到A后面
# 2.1.4 表单选择器 # 1....,该方法读写一体。...注意:如果存在(不存在)就删除(添加)一个样式类 需求描述:当单击按钮的时候,隐藏 div,再次单击按钮的时候,显示 div .hide { width: 100px; height.../li>'; $(first).prependTo($('ul')); # 3.2.2 DOM 外部插入 # 1. after() 方法描述:在匹配元素集合中的每个元素后面插入参数所指定的内容,作为其兄弟节点...需求描述:创建一个按钮,控制 div 滑动隐藏 .box { width: 200px; height: 200px; background: coral; display
语义化标签:header,footer,用来提高程序可读性,结合css使用。(html5)。 表格:只有行的概念。...复选框(也指定name和value,checked默认选中),value值,name属性指定的标签数据才能提交), file选中文件,hidden隐藏域,看不到但会提交,submit提交,image图片提交按钮...style标签内,写入css代码。 外部样式:在css文件中写入css代码,使用link标签(href路径属性,rel样式)引入css代码。...也可以通过style标签中写入的@import引入css文件。 css格式: 选择器{属性:属性值;xxx:xxx;}。...float浮动:多个div设置浮动,使得div在一行展示,属性有left,right,center等。
大家好,上一篇文章里,《这30个CSS选择器,你必须熟记(上)》,我们一起学习了常用的10个CSS选择器,这篇文章我们将继续学习CSS选择器,由于文章篇幅有限,再介绍10个常用的CSS选择器。...浏览器兼容性: IE7+ Firefox Chrome Safari Opera 13、X[href^="http"]:匹配属性值开头的选择器 你是否想过怎么让所有链接旁边加个小图标提示用户是外部链接吗...这个技巧大多数人不会用,但是你使用后,一定会让你的小伙伴对你刮目相看的,波浪号可以选择带有空格的属性,接着上面的例子,比如我们的自定义属性data-info含有external,image 这两个值,...单选按钮和复选按钮的默认样式很有限,如果我们想定义个性化的选择后的状态样式,可以使用选中状态选择器,示例代码如下: input[type=radio]:checked { border: 1px solid...black; } 是不是很简单,这个伪类可以用来定义选中(checked)的元素,比如单选按钮(radio)或多选按钮(checkbox)。
大家好,上一篇文章里,《这30个CSS选择器,你必须熟记(上)》,我们一起学习了常用的10个CSS选择器,这篇文章我们将继续学习CSS选择器,由于文章篇幅有限,再介绍10个常用常用的CSS选择器。...浏览器兼容性: IE7+ Firefox Chrome Safari Opera 13、X[href^="http"]:匹配属性值开头的选择器 你是否想过怎么让所有链接旁边加个小图标提示用户是外部链接吗...这个技巧大多数人不会用,但是你使用后,一定会让你的小伙伴对你刮目相看的,波浪号可以选择带有空格的属性,接着上面的例子,比如我们的自定义属性data-info含有external,image 这两个值,...单选按钮和复选按钮的默认样式很有限,如果我们想定义个性化的选择后的状态样式,可以使用选中状态选择器,示例代码如下: input[type=radio]:checked { border: 1px solid...black; } 是不是很简单,这个伪类可以用来定义选中(checked)的元素,比如单选按钮(radio)或多选按钮(checkbox)。
方法 描述 :input 匹配所有 input, textarea, select 和 button 元素 :text 匹配所有的单行文本框 :checkbox 匹配所有复选框 :radio 匹配所有单选按钮...value html() / html(htmlString) 读写标签体文本 六、CSS 模块 1. style 样式 方法 描述 css(styleName) 根据样式名得到对应的值 css(styleName...class="out"> 外部DIV 内部div <button id="btn1...hide() 将可见<em>的</em>元素<em>隐藏</em> toggle() 可见就<em>隐藏</em>,不可见就显示 以上<em>的</em>动画都可以添加参数: ① 第一个参数就是显示 执行<em>的</em>时间,以毫秒为单位 ② 第二个参数就是动画<em>的</em>回调函数(动画完成以后调用<em>的</em>函数... 显示<em>隐藏</em>切换 <script src="..
领取专属 10元无门槛券
手把手带您无忧上云