jQuery的框架介绍

2017年02月06日 10 阅读

jQuery使用有一段时间了，但是有一些API的实现实在想不通。小编参考相关资料源码，现在把我的学习过程和收获分享给大家。下面将使用简化的代码来介绍，主要关注jQuery的实现思想~>_<~//匿名立即执行函数//.防止污染全局空间//.选择性保护内部变量（function（window, undefined）{//第二参数undefined设置而不传的原因：// 外部发生这种情况:var undefined = 时，undefined会被篡改...

使用JavaScript实现ajax的实例代码

2017年02月06日 10 阅读

AJAX = Asynchronous JavaScript and XML.AJAX 是一种创建快速动态网页的技术。AJAX 通过在后台与服务器交换少量数据的方式，允许网页进行异步更新。这意味着有可能在不重载整个页面的情况下，对网页的一部分进行更新。实现ajax之前必须要创建一个 XMLHttpRequest 对象。如果不支持创建该对象的浏览器，则需要创建 ActiveXObject.具体方法如下：var xmlHttp; function create...

原生javascript实现分享到朋友圈功能 支持ios和android

2017年02月06日 10 阅读

现在主流的分享工具也有很多，例如JiaThis、bShare分享，甚至一些大公司的如百度分享，但是他们依旧停留在只是在PC端的分享，对手机端的支持不是太好。 大家都知道现在很多手机端浏览器都内置了一些分享组件，像UC浏览器、QQ浏览器，内置的组件分享可以直接启动相应的APP分享，要是一个JS能调用浏览器的内置分享组件，那是多么酷啊。 高手在民间啊，下面脚本之家的小编就带你来看看这位兄弟的编写的JS库。一、工具介绍 nativeShare.js 一个可以...

JavaScript从数组的indexOf（）深入之Object的Property机制

2017年02月06日 10 阅读

在JavaScript中，数组可以使用Array构造函数来创建，或使用[]快速创建，这也是首选的方法。数组是继承自Object的原型，并且他对typeof没有特殊的返回值，他只返回"object"。js中，可以说万物皆对象（object），一个数组也是一个对象（array）。很多对象都有很多很方便的方法 比如数组的push，concat，slice等等，但是如果一些对象，它没有实现这些方法，我们还是想使用这些功能。那该怎么办呢？1、很多方法都提供了非常高效...

React.js入门实例教程之创建hello world 的5种方式

2017年02月06日 10 阅读

一、ReactJS简介React 是近期非常热门的一个前端开发框架。React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具...

基于jQuery插件实现点击小图显示大图效果

2017年02月06日 10 阅读

本文实例为大家分享了基于jQuery实现点击小图显示大图效果，供大家参考，具体内容如下显示以下效果：点击任意一张图片会显示大图：1、前台界面<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="练习.WebForm1" %><！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans...

Jquery插件仿百度搜索关键字自动匹配功能

2017年02月06日 11 阅读

本文实例为大家分享了Jquery搜索关键字自动匹配功能的实现代码，供大家参考，具体内容如下jQuery AutoComplete 是一个基于jQuery实现搜索关键字自动匹配提示的插件，该插件可扩展性强，表现性能优越，方便整合到自己的项目中使用；兼容IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+, and Chrome 1.0+ 等主流浏览器。下面是具体的使用方法：1、使用设置首页，要把插件的js代码嵌入到你自己的项目中去。...

jQuery validate验证插件使用详解

2017年02月06日 10 阅读

Validate验证插件，内置丰富的验证规则，还有灵活的自定义规则接口，HTML、CSS与JS之间的低耦合能让您自由布局和丰富样式，支持input,select,textarea的验证。Description浏览器支持：IE7+ 、Chrome、Firefox、Safari、Mobile BrowserjQuery版本：1.7.0+Usage载入jQuery、validate<script type="text/javascript" src="jq...

JQuery validate插件验证用户注册信息

2017年02月06日 10 阅读

使用JQuery的validate插件做客户端验证非常方便，下面做一个使用validate插件验证用户注册信息的例子。本实例使用的是1.5版本。示例是在SSH下做的，代码如下：registe.jsp<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <！DOCTYPE html PUBLIC "-//W3C//DTD ...

jQuery验证插件validate使用详解

2017年02月06日 10 阅读

一、jQuery.validate简介 jQuery.validate.js插件用于对表单输入进行验证，其使用配置非常简单。支持多事件触发，自带多种验证规则，还支持自定义验证规则。1、配置方法 先导入jQuery库，然后导入Validate插件，如果是中文提示还需要导入messages_zh.js。 注意Validate的导入要在jQuery库之后。代码如下：<script src="jQuery.1.8.3.js" type="text/...

Bootstrap 组件之按钮（二）

2017年02月06日 10 阅读

Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。按钮组.btn-group>.btn : 一组.btn按钮包裹在.btn-group外包元素.btn-group {position/display/}按钮元素.btn<div class="btn-group" role="group"><button...

Bootstrap组件（一）之菜单

2017年02月06日 11 阅读

Glyphicons字体图标基类.glyphicon {position/top/display/font-family/}具体类 {content} --表现在伪元素上使用要点：a.基类＋具体类 b.一般图标和文本之间添加一个空格注意点：a.不要和其他组件混用，单独使用一个标签，一般使用span，e.g.:<span class="glyphicon glyphicon-search"></span>b.已使用字体图标类的标签不要...

分享10个优化代码的CSS和JavaScript工具

2017年02月06日 10 阅读

检查和测试代码来发现任何潜在错误，从而在放到网站上之前及时消除错误是一个非常重要的过程。代码检查的过程也俗称为是Web设计师 和开发者之间的linting。作为一个设计师，如果你想要写出高度优化的代码，那么你一定需要linting工具。有两种类型的代码检查工具。一种是在 执行时间检查代码中的错误和bug。另一种是使用静态代码分析技术并在执行前检查码。后者因为可以节省时间和麻烦显然更佳。事实上，linting可以放在不同的阶段。如果你喜欢在敲代码的时候测试代...

分享12个非常实用的JavaScript小技巧

2017年02月06日 10 阅读

在这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。使用！！操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值，如果存在就返回true值。为了做这样的验证，我们可以使用！！操作符来实现是非常的方便与简单。对于变量可以使用！！variable做检测，只要变量的值为:0、null、" "、undefined或者NaN都将返回的是false，反之返回的是true。...

jquery ajax局部加载方法详解（实现代码）

2017年02月06日 10 阅读

在jquery中实现ajax加载的方法有很多种，不像以前的js的ajax只有那一种，下面我们介绍jquery ajax实现局部加载方法总结，有需要了解的朋友可参考。例$.ajax（{ url: "hotelQuery！queryHotelByCity.action", type: "post", dataType: "html", data: "queryHotel.city="+cityobj.value+"&queryHotel.wbcid="+wbc...

基于Bootstrap重置输入框内容按钮插件

2017年02月06日 10 阅读

当好在输入框中输入一些内容之后，如果想清除这些内容，可以直接点击输入框右侧的小圆叉按钮即可。textpasswordemailurlsearchtelnumberdatetime使用方法使用该重置input输入框内容插件要引入jQuery和Bootstrap文件以及jquery.bootstrap-pureClearButton.js文件。<link rel="stylesheet" href="https://maxcdn.bootstrapcdn...

Bootstrap3制作自己的导航栏

2017年02月06日 10 阅读

导航栏是一个很好的功能，是Bootstrap 网站的一个突出特点。导航栏是响应式元组件就，作为应用程序或网站的导航标题。导航栏在移动设备的视图中是折叠的，随着可用视口宽度的增加，导航栏也会水平展开。在 Bootstrap 导航栏的核心中，导航栏包括了为站点名称和基本的导航定义样式。创建一个默认的导航栏的步骤如下：向 <nav> 标签添加 class .navbar、.navbar-default（白底黑字），navbar-inverse（黑底白...

jQuery判断checkbox选中状态

2017年02月06日 10 阅读

前言神奇的JQuery怎么设置checkbox状态时好时坏？明明同一行代码，断点跟踪确实执行了，但是有时候好使，有时候却没有生效。毕竟对JS不是很熟悉，只是通过JS来处理前端HTML的标签的状态设置时，通过JQuery有时候会更方便些的，但是发现更不好办。今天尝试实现checkbox全选、全不选功能，与App开发中的效果是一样的，勾选全选则将所有的选项都选中；同样取消勾选某个子项也将全选设置为非选中状态；所有子选项都为选中状态时，将全选设置为选中状态。由于...

JS创建事件的三种方法（实例代码）

2017年02月06日 10 阅读

1.普通的定义方式<input type="button" name="Button" value="确定" onclick="Sfont=prompt（"请在文本框中输入红色","红色"," 提示框 "）;if（Sfont=="红色"）{ form1.style.fontFamily="黑体"; form1.style.color="red";}"/>这是最常见的一种定义方式，直接将JS事件定义在需要的对象之上。相关的变形就是调用...

Bootstrap3制作图片轮播效果

2017年02月06日 10 阅读

先来看看Bootstrap图片轮播效果：上面就是为大家分享的效果，不过这是网易云音乐的首页。这样的效果记得最先在ios7的官方控件库中出现之后安卓也在某个版本加入了这个view，设计是通用的啊..bootstrap3也支持在web中使用这样的效果。接下来进行简单分析：一 . 结构分析一个轮播图片主要包括三个部分： ☑ 轮播的图片 ☑ 轮播图片的计数器 ☑ 轮播图片的控制器第一步：设计轮播图片的容器。在 Bootst...