标签 Jquery 文章列表
8 浏览
喜欢(0)

[Bootstrap]Bootstrap中如何使用jQuery实现下拉菜单(dropdown menu)在鼠标悬停时自动下拉展开菜单选项?

问题描述在前端Bootstrap开发时,有时候会使用到Bootstrap的下拉菜单(dropdown menu),Bootstrap提供的下拉菜单只有在点击时才会下拉展开菜单的选项,那么要实现在鼠标悬停时自动展开菜单选项应该如何处理呢?方案一以下是一个没有使用Javascript或者jQuery脚本和纯CSS实现的基于Bootstrap 2.0.2及以上版本的鼠标悬停时下拉菜单自动展开的功能,同时支持多级下拉菜单的自动展开,代码如下:S...

Bootstrap 2018-12-10 09:15 0评论 0收藏
161 浏览
喜欢(0)

[Javascript]Javascript编程开发中如何使用jQuery获取$(this)选择器的子节点?

问题描述在jQuery的javascript开发中,当前有类似如下的HTML结构代码:<div id="..."><img src="..."></div>现在想使用jQuery选择器来得到当点击div元素时div里的img子节点。当点击div元素时,我们可以使用如下的选择器来获取到div,如下:$(this)但要获取到div元素中的img子节点,应该怎样实现呢...

Javascript 2018-05-31 18:56 0评论 0收藏
204 浏览
喜欢(0)

[Javascript]Javascript编程开发中如何将一个元素对象插入已知数组的指定索引位置?

问题描述如题,在Javascript编程开发中,如何将一个元素对象插入已知数组的指定索引位置?类似如下:arr.insert(index,item);在jQuery中可以做到的,但在Javascript中有没类似的方法呢,要怎么实现这个操作呢?方案一在Javascript编程开发中,我们可以使用数据的splice方法来实现向数组插入元素的操作。arr.splice(index,0,item); 方法将向数组arr中的索引位置index插...

Javascript 2018-05-29 09:47 0评论 0收藏
AD 友情赞助
557 浏览
喜欢(0)

[javascript]使用jQuery如何选中一个复选框(checkbox)?

问题描述如题,当前有需求,需要使用jQuery选中一个复选框(checkbox),以下为jQuery的伪代码:$(".myCheckBox").checked(true);或者$(".myCheckBox").selected(true);那么,使用jQuery如何实现选中复选框(checkbox)的功能呢?方案一jQuery 1.6+ 版本中可以使用新的jQuery方法.prop(),如:$(&...

Javascript 2018-03-06 08:05 0评论 0收藏
496 浏览
喜欢(1)

[javascript]jQuery如何判断/检测一个复选框checkbox是否已被选中?

问题描述在前端开发中,我们需要使用jQuery判断/检测一个复选框的选中状态,对应复选框的属性为checked。比如,有一个年龄的复选框,当这个年龄的复选框处于被选中的状态时,我们显示出了个文本框textbox,让用户输入对应的年龄值,否则这个文本框处于隐藏状态。以下的方法 并不正确:if ($('#isAgeSelected').attr('checked')){ $("#txtAge&...

Jquery 2018-03-03 09:45 0评论 0收藏
607 浏览
喜欢(0)

[Bootstrap]Bootstrap中如何使用jQuery弹出一个模态窗口?

问题描述如今有如下的HTML代码和jQuery操作,需求是在点击提交按钮时弹出一个模态窗口,代码如下:HTML:<form id="myform" class="form-wizard"> <h2 class="form-wizard-heading">BootStap Wizzard Form</h2> <input ty...

Bootstrap 2018-01-25 10:08 0评论 0收藏
AD 友情赞助
1469 浏览
喜欢(0)

HTML5中使用jQuery ajax异步上传文件,为什么在后台只获取到了文件名而没有文件内容?

HTML5中使用jQuery ajax异步上传文件,为什么在后台只获取到了文件名而没有文件内容?以下是上传文件示例代码片段HTML:<span>File</span><input type="file" id="file" name="file" size="10"/><input id="uploadbu...

综合文章 2017-12-29 08:03 0评论 0收藏
744 浏览
喜欢(0)

jQuery在动态生成的DOM元素上绑定Event事件

jQuery 1.7中,在元素上动态绑定event事件可以使用如下的语法:$(staticAncestors).on(eventName, dynamicChild, function() {});在jQuery 早期的版本中,你也可以使用 live() ,如:$(selector).live( eventName, function(){} );但在 jQuery 1.7 版本中,live 已被弃用,在 jQuery 1.9版本中被完...

Jquery 2017-12-28 09:09 0评论 0收藏
3772 浏览
喜欢(10)

基于jQuery的js无阻塞消息提示插件--toastr

toastr是一款无阻塞的Javascript消息提示插件,它依赖jQuery(即在使用toastr之前得先引入jQuery库)。toastr的存在是为了提供一个可以自定义和扩展的简单的核心消息提示库。toastr安装非常简单,你可以使用以下三种方式的任意一种来安装:NuGet GalleryInstall-Package toastrBowerbower install toastrnpmnpm install --save toas...

插件资源 2015-09-25 22:39 0评论 0收藏
AD 友情赞助
9310 浏览
喜欢(4)

Bootstrap+jQuery实现导航栏固定在顶部的示例教程(页面滚动时带滑出的过渡动画)

Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的...

Bootstrap 2015-09-11 16:01 0评论 0收藏
10371 浏览
喜欢(8)

使用jQuery判断Bootstrap checkbox是否是选中状态

Bootstrap中判断checkbox是否为选中状态的jQuery方式有很多种,今天主要给大家介绍两种方式:一种是通过jQuery的prop方法,另一种则是通过jQuery的:checked选择器,两者的大概方法如下:1.prop方式 <script type="text/javascript"> $(function () { $('#getChkValue').click(function () { ...

Jquery 2015-08-28 08:50 0评论 0收藏
5084 浏览
喜欢(1)

Jquery鼠标悬停特效--经过/悬停某元素时添加指定类,离开时删除指定的类

在一些WEB页面的展现上,需要我们完成某些特定的Jquery特效,比如:经过/悬停某元素时添加指定类,离开时删除指定的类,Jquery的hover函数让我们的实现变得相当简单,如下:$('.li').hover( function(){ $(this).addClass('active') }, function(){ $(this).removeClass('active') })此方法可以很好地支持所有HTM...

Jquery 2015-06-14 15:02 0评论 0收藏
AD 友情赞助