其中使用最广泛的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元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
