这是一个纯js的jQuery插件，项目地址：http://barcode-coder.com/en/barcode-jquery-plugin-201.html使用示例: 1<!doctype html> 2<html> 3<head> 4<title>jQuery Barcode</title> 5<script type="text/javascript" src="jquery-1.4.4.min.js"></script> 6<script type="text/javascript" src="jquery-barcode.js"></script> 7<style type="text/css"> 8 .barcodeImg{margin:10px 0px} 9</style>10</head>11<body>12<div st...
广告对联：当scroll滚动到一定的距离左右两边会出现广告代码如下<html><head> <title></title> </head><style>*{margin:0;padding:0;}.left{width:100px;height:300px;background:red;float:left;position:fixed;left:0;top:200px;display:none;}.right{width:100px;height:300px;background:red;float:right;position:fixed;right:0;top:200px;display:none;}</style><script src="http://code.jquery.com/jquery-latest.js"></sc...
在做购物车系统是我们往往会遇到这样一个需求,在点击全选框时我们要将全部的单个账单都选中;在单个选中账单时,如果账单全部被选中则需要全选框处于选中状态,若没有全部被选中则全选框处于没选中状态;以下是在学习过程的实现代码:<script type="text/javascript">$(document).ready(function(){ //删除当前行商品元素// $(".del").click(function () {// $(this).parent().parent().remove();// }); /* $(".del").on("click",fu...
修改密码是比较简单的功能，要求如下：1、原密码必须输入正确，才可以修改密码2、新密码需在6-18位之间3、第二次输入的新密码必须与第一次相同。4、前三个条件同时满足的时，修改密码才能成功，否则显示错误提示信息。5、错误提示信息和验证信息全部使用ajax提交、响应效果图如下：（1）（2）（3）（4）修改成功之后显示提示信息，2秒后自动消失。HTML代码如下：<ul class=‘xform-ul‘><li><div class=‘form-label‘>Existing pa...
<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jquery实现"跳到底部"，"回到顶部"效果(类似锚)</title><script src="jquery-1.4.4.min.js" type="text/javascript"></script><script type="text/javascript"> jQue...
jquery代码：省略引用jquery代码。<script type="text/javascript">//全选 $(function() { $("#selectAll").click(function() { if (this.checked) { $("#chapterlist :checkbox").each(function() { this.checked = true; }); $("#selectAll").attr("value", "反选"); } else { $("#chapterlist :checkbox").ea...
<?php session_start();?><!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"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <head> <title>jQuery实现购物车多物品数量的加减+总价+删除计算</title> <script type="text/javascript" src="jquery-1.8.3.min.js"></script> ...
LigerUI框架Tree于Tab标签动态使用，当点击Tree后动态创建Tab标签，和通常用的iframe框架功能类似Tree中的关键代码//Tree初始化$("#tree1").ligerTree({nodeWidth: 112, //Tree控件宽度data: createData(), //Tree数据源checkbox: false, //是否使用CheckboxidFieldName: ‘id‘, //绑定idisExpand: 2, //是否展开节点 FALSE为不展开 TRUE展示所有节点 指定数字为展开指定节点slide: false, //节点展开效果False无效果 TRUE缓慢展开...
主要实现的功能是点击完按钮以后，页面打印九九乘法表。使用的jquery的版本为1.10.2<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Insert title here</title> <script type="text/...
<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>js数量加减</title><script type="text/javascript" src="http://www.jb51.net/Public/js/jquery.min.js"></script><script type="text/javascript"> $(function(){$(...
有些公司手机网站开发不用第三方的jquery或者zeptio，直接用原生的javascript。原生javascript功能是蛮强大的，只不过部分属性不支持IE8以下浏览器。下面对jquery相关方法，如何用js来实现，做一些简单总结。元素操作Add Class//JQUERY $(el).addClass(className);//js//谷歌浏览器，火狐浏览器，IE8+if(el.classList)el.classList.add(className);elseel.className +=‘ ‘+ className;//谷歌浏览器，火狐浏览器，IE10+ el.classL...
<div class="arc_box"> <div class="arc_left">左侧</div> <div class="arc_right"> 右侧 <a class="teachers_right_ad mt20">广告块</a> </div> </div>$(function(){var ad = $(".teachers_right_ad"); //声明对象var ad_f = $(".arc_right"); //对象父元素var ad_gf = $(".arc_box"); //对象父元素的父元素var offset = ad.offset();var box_h = ad.outerHeight(true);var h=ad_gf.offset().top+ad_gf.o...
1、单击选中待修改行2、使用单独对话框修改数据3、使用updateRow方法修改数据（注意这里只是修改了网页上显示的数据，并没有同步修改数据库中的数据，如果也要同步修改数据库中的数据可以写一个servlet实现）版权声明：本文为博主原创文章，未经博主允许不得转载。原文：http://blog.csdn.net/giser_whu/article/details/47178831
html代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>获取JSON</title><script type="text/javascript" src="jquery-3.2.1.js"></script></head><body><div class="myDiv" style="color:aliceblue"></div><button class="btn">获取数据</button><script type="text/javascript">$(function(){$(".btn").click(function(){$(".myDiv").empty();//每次点击按钮清空原来数据，防止无限加载。$.ajax({url:"d...
1、引入CSS文件<!-- jquery ui 使用的样式 --> <link rel="stylesheet" type="text/css" href="../../common/jquery/jquery-ui/jquery-ui-1.10.3/themes/redmond/jquery-ui-1.10.3.custom.css" /> <!-- jquery ui multiselect 使用的样式 --> <link rel="stylesheet" type="text/css" href="../../common/jquery/jquery-ui/multiselect/jquery.multiselect.css" /> 2、引入JS文件<script type="text/javascript" src="../../common...