JavaScript资料,JavaScript文章,JavaScript文档-易库教程

高效Web开发的10个jQuery代码片段

2017年02月06日 33 阅读

在过去的几年中，jQuery一直是使用最为广泛的JavaScript脚本库。今天我们将为各位Web开发者提供10个最实用的jQuery代码片段，有需要的开发者可以保存起来。1、检测Internet Explorer版本当涉及到CSS设计时，对开发者和设计者而言Internet Explorer一直是个问题。尽管IE6的黑暗时代已经过去，IE也越来越不流行，它始终是一个能够容易检测的好东西。当然了，下面的代码也能用于检测别的浏览器。 $（document）....

JS实现的多张图片轮流播放幻灯片效果

2017年02月06日 33 阅读

本文实例讲述了JS实现的多张图片轮流播放幻灯片效果。分享给大家供大家参考，具体如下：<body style="width: 715px; height: 95px;"><script language="javascript" type="text/javascript"><！--/**************************************************名称: 图片轮播类创建时间: 2010-07-...

Javascript基础学习笔记（菜鸟必看篇）

2017年02月06日 32 阅读

什么是变量？变量是用于存储信息的容器变量的声明语法：var 变量名变量名 = 值;变量要先声明再赋值变量可以重复赋值变量的命名规则变量必须以字母开头；变量也能以$和_符号开头（不过我们不推荐这么做）；变量名称对大小写敏感（a和A是不同的变量）。语句语句以一个分号结尾；如果省略分号，则由解析器确定语句的结尾。有个好的编码习惯，都要以 ; 结尾数据类型在JavaScript中，一段信息就是一个值（value）。值有不同的类型，大家最熟悉的类型是数字。字符串（s...

jQuery 自定义下拉框（DropDown）附源码下载

2017年02月06日 34 阅读

先给大家展示下效果图，喜欢的朋友可以下载源码哦效果演示源码下载 <section class="main"> <div class="wrapper-demo"> <div id="dd" class="wrapper-dropdown-1" tabindex="1"> <span>手册网</span> <ul class="dropdown" tabindex=""> <li...

JQuery 设置checkbox值二次无效的解决方法

2017年02月06日 33 阅读

在此MVC ASP.NET 项目，我利用jquery ajax传输数据给后台controller控制层，返回数据给JQuery数据。首先必须清除checkbox的选中，因为是ajax的异步操作，是不刷新页面的，所以需要手段充值控件值，使得其为空，不影响下次的拿到数据显示。言归正传，$（"#checkboxID"）.attr（"checked", false）;//设置checkbox为不选中状态，$（"#checkboxID"）.attr（"checked...

Ajax分页插件Pagination从前台jQuery到后端java总结

2017年02月06日 31 阅读

困惑了我一段时间的网页分页，今天特地整理了一下我完成不久的项目。下面我要分享下我这个项目的分页代码，前后端通吃。希望前辈多多指教。一、效果图下面我先上网页前台和管理端的部分分页效果图，他们用的是一套代码。二、上代码前的一些知识点此jQuery插件为Ajax分页插件，一次性加载，故分页切换时无刷新与延迟，如果数据量较大不建议用此方法，因为加载会比较慢。三、前台代码部分var pageSize =6; //每页显示多少条记录var total; //总共多少记...

jQuery Select下拉框操作小结（推荐）

2017年02月06日 36 阅读

jQuery获取Select元素，并选择的Text和Value:1. $（"#select_id"）.change（function（）{//code...}）; //为Select添加事件，当选择其中一项时触发 2. var checkText=$（"#select_id"）.find（"option:selected"）.text（）; //获取Select选择的Text 3. var checkValue=$（"#select_id"）.val（）;...

Select下拉框模糊查询功能实现代码

2017年02月06日 36 阅读

select下拉列表框支持输入模糊查询功能，设计非常的人性化，下面小编给大家分享了关键代码，大家根据自己的需求适当的添加修改，有任何问题欢迎给我反馈。关键代码如下所示：<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=gb2312"> <TITLE>可输入的下拉框</TITLE> </HEAD&...

jquery checkbox无法用attr（）二次勾选问题的解决方法

2017年02月06日 37 阅读

今晨，漂亮的测试妹妹提了个奇怪的bug，说我一功能checkbox时隐时现，比如第一次打开有勾选，第n次打开可能就不选了。想到与美女有亲密接触机会，马上鸡动起来。经过偶层层抽次剥茧（da da jiang you），终于知道了原因：attr（）在二次选中勾选框时，失效。比如，如下HTML页面，一点【选中】、二点【取消选中】、三点【选中】，瞧，不行了呗。1.html<！doctype html><html lang="en"><...

BootStrap 附加导航组件

2017年02月06日 34 阅读

什么是 Bootstrap？Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。历史Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。以上简单给大家介绍了bootstrap的简介，下面重点介绍BootStrap 附加导航组件的知识。...

jquery常用的12个小功能

2017年02月06日 37 阅读

jquery12个常用功能极好的，快来围观！返回顶部使用JQuery的animate和scrollTop方法可以创建简单地返回顶部的动画：// Back to top$（"a.top"）.click（function （e） { e.preventDefault（）; $（document.body）.animate（{scrollTop: 0}, 800）;}）;HTML中得有一个按钮：<！-- Create an anchor tag -->...

详细探究ES6之Proxy代理

2017年02月06日 36 阅读

前言在ES6中，Proxy构造器是一种可访问的全局对象，使用它你可以在对象与各种操作对象的行为之间收集有关请求操作的各种信息，并返回任何你想做的。ES6中的箭头函数、数组解构、rest 参数等特性一经实现就广为流传，但类似 Proxy 这样的特性却很少见到有开发者在使用，一方面在于浏览器的兼容性，另一方面也在于要想发挥这些特性的优势需要开发者深入地理解其使用场景。就我个人而言是非常喜欢 ES6 的 Proxy，因为它让我们以简洁易懂的方式控制了外部对对象的...

JavaScript结合Bootstrap仿微信后台多图文界面管理

2017年02月06日 36 阅读

js模仿微信后台管理的多图文界面，集成了ajax异步上传文件的插件，供大家参考，具体内容如下效果图：详细代码：html:<div id="wrap"> <div id="sidebar"><div class="previewBox"> <！-- <p style="margin:10px 14px 0 14px;"><span class="msg-date">2013-08-14<...

JavaScript中的Reflect对象详解（ES6新特性）

2017年02月06日 34 阅读

Reflect介绍：Reflect这个对象在我的node（v4.4.3）中还没有实现, babel（6.7.7）也没有实现 ,新版本的chrome是支持的， ff比较早就支持Proxy和Reflect了，要让node支持Reflect可以安装harmony-reflect ;Reflect不是构造函数，要使用的时候直接通过Reflect.method（）调用， Reflect有的方法和Proxy差不多，而且多数Reflect方法原生的Object已经重...

基于Bootstrap实现下拉菜单项和表单导航条（两个菜单项，一个下拉菜单和登录表单导航条）

2017年02月06日 33 阅读

效果图如下所示：实现代码如下：<！DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"...

基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法

2017年02月06日 35 阅读

基于Bootstrap做的下拉菜单在电脑浏览器中可正常使用，在手机浏览器中能弹出下拉列表，却不能选择列表中的菜单项，通过自己百度查找原因将bootstrap脚本文件中的ontouchstart 替换为 disable-ontouchstart可以解决，替换后并不能解决。（红米手机UC浏览器不支持，小米手机UC浏览器正常，其他暂时未测试）jquery：v1.11.2bootstrap：v3.3.4以下为前台页面代码：<div class="input-...

基于bootstrap实现广告轮播带图片和文字效果

2017年02月06日 34 阅读

代码如下所示：<！DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><...

javaScript事件机制兼容【详细整理】

2017年02月06日 34 阅读

【添加事件机制】 addEventListener 和 attachEvent[W3C]addEventListener（"click" , function（）{alert（"Hello World"）} ,false ） //W3C规范添加事件（IE8及以上不兼容）；第一个参数为事件类型，第二个为事件程序，第三个 false为事件冒泡，true为事件捕获[IE]attachEvent（"onclick",function（）{alert（"Hel...

js事件驱动机制浏览器兼容处理方法

2017年02月06日 41 阅读

3.1. 事件是如何产生的 *第一种情况，用户对网页做了某些操作，比如，点击了一个按钮，产生点击事件。第二种情况，用户没有对网页做操作，也可能产生事件，比如浏览器已经将整个页面加载完毕，会产生加载完成事件。当事件产生以后，浏览器会查找产生事件的节点有没有绑订相应的事件处理代码。如果有，则调用该代码来处理。如果没有，会继续向上查找父节点，有没有对应的事件处理代码（事件冒泡）。3.2. 绑订事件处理代码 **1）绑订事件处理代码到html标记乊上比如: &...

js的各种排序算法实现（总结）

2017年02月06日 34 阅读

如下所示：// ---------- 一些排序算法var Sort = {}Sort.prototype = { // 利用sort进行排序 systemSort:function（array）{return array.sort（function（a, b）{return a - b;}）;},// 冒泡排序bubbleSort:function（array）{var i = 0, len = array.length,j, d;for（; i<l...

首页 / 脚本样式 / JavaScript

高效Web开发的10个jQuery代码片段

JS实现的多张图片轮流播放幻灯片效果

Javascript基础学习笔记（菜鸟必看篇）

jQuery 自定义下拉框（DropDown）附源码下载

JQuery 设置checkbox值二次无效的解决方法

Ajax分页插件Pagination从前台jQuery到后端java总结

jQuery Select下拉框操作小结（推荐）

Select下拉框模糊查询功能实现代码

jquery checkbox无法用attr（）二次勾选问题的解决方法

BootStrap 附加导航组件

jquery常用的12个小功能

详细探究ES6之Proxy代理

JavaScript结合Bootstrap仿微信后台多图文界面管理

JavaScript中的Reflect对象详解（ES6新特性）

基于Bootstrap实现下拉菜单项和表单导航条（两个菜单项，一个下拉菜单和登录表单导航条）

基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法

基于bootstrap实现广告轮播带图片和文字效果

javaScript事件机制兼容【详细整理】

js事件驱动机制 浏览器兼容处理方法

js的各种排序算法实现（总结）

js事件驱动机制浏览器兼容处理方法