Welcome

首页 / 脚本样式 / JavaScript

浅析jQuery操作select控件的取值和设值

2017-02-06 26
1.级联select的操作，后一个select的值随着前一个select选中值变化$（".select_A"）.change（function（）{ $（".select_B"）.empty（）;// 清空后一个select var option = $（"<option>"）.val（1）.text（"xxx"）;// 按照实际业务要求重新赋值option $（".select_B"）.append（option）;}）;2.获取select...

jquery实现文本框的禁用和启用

2017-02-06 19
话不多说，附上实例代码，仅供大家参考禁用文本框//文本框禁用$（"input[type="text"]"）.each（function （） { $（"#" + this.id）.attr（"disabled", true）;}）;启用文本框//文本框启用$（"input[type="text"]"）.each（function （） { $（"#" + this.id）.removeAttr（"disabled"）;}）;以上就是本文的全部内容，希望...

利用jquery实现下拉框的禁用与启用

2017-02-06 24
话不多说，附上实例代码，仅供大家参考禁用下拉框//下拉框禁用$（"select"）.each（function （） { $（"#" + this.id）.attr（"disabled", true）;}）;启用下拉框//下拉框启用$（"select"）.each（function （） { $（"#" + this.id）.removeAttr（"disabled"）;}）;以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，如...

利用jquery实现验证输入的是否是数字、小数，包含保留几位小数

2017-02-06 17
1、验证方法 validationNumber（e, num） e代表标签对象，num代表保留小数位数function validationNumber（e, num） {var regu = /^[0-9]+.?[0-9]*$/;if （e.value ！= ""） {if （！regu.test（e.value）） {alert（"请输入正确的数字"）;e.value = e.value.substring（0, e.value.length ...

BootstrapValidator超详细教程（推荐）

2017-02-06 27
一、引入必要文件下载地址：（https://github.com/nghuuphuoc/bootstrapvalidator/archive/v0.4.5.zip）<link rel="stylesheet" href="/path/to/bootstrap/css/bootstrap.css"/><link rel="stylesheet" href="/path/to/dist/css/bootstrapValidator.min.c...

DropDownList实现可输入可选择（两种版本可选）

2017-02-06 22
1、js版本<div style="z-index: 0; visibility: visible; clip: rect（0px 105px 80px 85px）; position: absolute"><asp:DropDownList ID="ddlModel" runat="server" Style="z-index: -1" Width="105px"onchange="getModelTo（this）"><as...

BootStrap 实现各种样式的进度条效果

2017-02-06 18
Bootstrap提供了各式各样的进度条效果，下面通过实例代码给大家详细介绍，具体详情如下所示：看下面的例子：<！DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link href="...

获取select的value、text值的简单示例（jquery与javascript）

2017-02-06 25
1、jquery//获取value值$（"#ddlSubmodel"）.val（）;//获取text值$（"#ddlSubmodel"）.find（"option:selected"）.text（）;2、javascript//获取value值document.getElementById（"ddlSubmodel"）.value;//获取text值var select = document.getElementById（"ddlSubmodel"）;if...

JS生成和下载二维码的代码

2017-02-06 26
废话不多说了，直接给大家贴js代码了，具体代码如下所示：<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <t...

Bootstrap基本插件学习笔记之轮播幻灯片（23）

2017-02-06 25
Bootstrap 轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。0x01 基本实例Bootstrap实现轮播幻灯片的效果，只需要简单地使用class开发就可以了：<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w...

Bootstrap基本插件学习笔记之折叠（22）

2017-02-06 30
折叠（Collapse）插件可以很容易地让页面区域折叠起来。0x01 例子<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="../../css/boots...

JavaScript组成、引入、输出、运算符基础知识讲解

2017-02-06 23
javascript简介：JavaScript 是属于网络的脚本语言！JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。JavaScript 是因特网上最流行的脚本语言。下文重点给大家介绍js组成，引入，输出，运算符基础知识，具体详解如下所示：JavaScript组成：ECMAscript浏览器对象模型 BOM文档对象模型 DOM// ecmascript bom domdom （文档对象模型） ...

浅谈Node.js：理解stream

2017-02-06 27
Stream在node.js中是一个抽象的接口，基于EventEmitter，也是一种Buffer的高级封装，用来处理流数据。流模块便是提供各种API让我们可以很简单的使用Stream。流分为四种类型，如下所示：Readable，可读流Writable，可写流Duplex，读写流Transform，扩展的Duplex，可修改写入的数据1、Readable可读流通过stream.Readable可创建一个可读流，它有两种模式：暂停和流动。在流动模式下，将自动...

Bootstrap基本插件学习笔记之按钮（21）

2017-02-06 20
前面已经介绍过Button的使用。通过button按钮，我们还能实现一些诸如按钮状态控制等形式的交互。0x01 加载状态添加data-loading-text=”Loading…”属性：<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi...

Bootstrap基本插件学习笔记之Alert警告框（20）

2017-02-06 22
和前面的模态对话框类似。0x01 例子先看一个简单的例子：<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="../../css/bootstrap.min...

Bootstrap基本插件学习笔记之Tooltip提示工具（18）

2017-02-06 20
提示工具（Tooltip）插件根据需求生成内容和标记，默认情况下是把提示工具（Tooltip）放在它们的触发元素后面。<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link...

BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法

2017-02-06 40
bootstrap 图标icon符号图标glyphicons不正常显示解决办法如下所示：分享供各位参考：1、在ff/http:的地址栏中输入“about:config”，即进入配置界面。2、进入后，搜索“security.fileuri.strict_origin_policy”，这是该值应该是true。3、双击该项，其值自动变为false，即可。4、修改后，再刷新遇到问题的页面，即可看到正常显示的图标了。探究问题原因：1、由于ff/http:一个安全策略...

JS焦点图,JS 多个页面放多个焦点图的实例

2017-02-06 20
如下所示：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>js同一页面可多次调用的图片幻灯切换效果<...

Bootstrap基本插件学习笔记之Popover提示框（19）

2017-02-06 24
Tooltip采用的是hover方式弹出提示框（参见前一篇：Bootstrap学习总结笔记（18）– 基本插件之Tooltip提示工具），适合提示内容比较少的情况，要是内容较多，就可以应用Popover提示框。<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid...

Bootstrap基本插件学习笔记之标签切换（17）

2017-02-06 20
Bootstrap可以很轻松就实现标签切换的效果。0x01 样式1基本样式：<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="../../css/boot...
<< 51 52 53 54 55 56 57 58 59 60 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图