JQUERY - 技术教程文章
jquery实现文本框数量加减功能的例子分享【代码】
<!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 hover事件只触发一次动画【代码】
最近工作时遇到个关于动画的问题，如下：[javascript] view plain copy $("div").hover( function() { $(this).animate({"margin-top":"100px"},1000); }, function() { $(this).animate({"margin-top":"200px"},1000); }); 看代码就是一个简单的鼠标滑过的动画而已，但是当我测试的时候发现，当我发神经似的来回滑动时，事件就被触发了多次，动画也就重复了多次，怎么才能不重复出现，即动画过...
jquery判断邮箱对错【代码】
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>检测Email地址格式是否正确</title><script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script></head><body><input type="text" id="emailname"><input type="submit" value="检测Email地址格式是否正确" class="is-email"><script type="text/javascript">$(".is-email").click(function(){var email = $("#emailname").val();if(emai...
Error-ASP.NET-WebForms：WebForms UnobtrusiveValidationMode 需要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping。【代码】【图】
ylbtech-Error-ASP.NET-WebForms：WebForms UnobtrusiveValidationMode 需要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping。 1.返回顶部1、“/”应用程序中的服务器错误。WebForms UnobtrusiveValidationMode 需要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping。 说明: 执行当前 Web 请求期间，出现未经处理的异常。请检查堆栈...
jQuery Ajax【代码】【图】
一、简捷版$.ajax({type: "POST",url: "#{pageUrl}",data: "key=" + escape(key), //传参success: function (data) {//data可以是文本，也可以是Json } });二、以Json数据的格式向服务器发送数据$.ajax({type: "POST", //请求方式url: "WebService1.asmx/HelloWorld", //发送请求的地址contentType: "application/json", //发送信息至服务器时内容编码类型data: "{rwnm:‘001‘,zyznm:‘002‘}", //发送到服务器的数据dataType:...
jQuery选择器【代码】
选择器是jQuery最基础的东西，本文中列举的选择器基本上囊括了所有的jQuery选择器，也许各位通过这篇文章能够加深对jQuery选择器的理解，它们本身用法就非常简单，我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行了介绍，也列举出了一些需要注意和区分的地方。一、基本选择器1. id选择器（指定id元素）将id="one"的元素背景色设置为黑色。（id选择器返单个元素）$(documen...
jQuery cxCalendar 日期选择器【代码】
简介cxCalendar 是基于 jQuery 的日期选择器插件。 它灵活自由，你可以自定义外观，日期的范围，返回的格式等。版本：jQuery v1.7+jQuery cxCalendar v1.5.3下载地址及演示在线演示地址：http://www.jqhtml.com//wp-content/uploads/2017/05/wz/jQuery.cxCalendar-1.5.3/ 下载地址：点击下载GitHub地址：https://github.com/ciaoca/cxCalendar/使用方法 载入 CSS 文件<link rel="stylesheet" href="jquery.cxcalendar.css"> 载入 J...
一款基于jquery和css3的头像恶搞特效【代码】【图】
今天给大家分享一款基于jquery和css3的头像恶搞特效。这款实例中，一个头像在画面中跳舞，头像还有可爱的帽子，单击下面的按钮可以为头像切换不同的帽子。效果图如下：在线预览 源码下载实现的代码。html代码：<div class="wwiaftm-container"><div class="base wwiaftm"><div class="body-1 wwiaftm"><div class="body-2 wwiaftm"><div class="hat wwiaftm" style="background-image: url(Mini_Sombrero.png)"></div><div class...
jQuery笔记一【代码】
陆续更新中。。。。。1,创建标签的时候可以提前写好，以后用clone()方法克隆即可。如：1var div=$("<div></div>"); 2var div1=div.clone();妙点领悟：页面的类似结构也可以用此方法去克隆使用。2,clone()方法默认不会克隆事件,给他赋值个参数即可（不知道为啥，随意写个参数就行）3，尽量不用jQuery的通用选择器，这个选择器貌似不能选择标签内部的元素。原文：http://www.cnblogs.com/chenluomenggongzi/p/5850361.html
关于jQuery的cookies插件2.2.0版设置过期时间的说明【代码】
jQuery应该是各位用JavaScript做web开发的常用工具了，它有些插件能非常方便地操作cookie。 首先要说明的是cookie插件国内主要流行的有两个，一个是早在2006年的不知道是什么版本号的叫cookie的插件，另一个是cookies 2.2.0版，注意后者的名字比前者多一个s，国内主要用的是后者。前者早已停止维护(或者说代码很少不需要维护)而且其下载链接已经从官网撤除了，后者的下载链接则到处是。你下的十有八九是后者，官方下载在：http:...
jquery 下拉框左右选择【代码】【图】
html<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>下拉框左右选择</title><link rel="stylesheet" href="css/test.css" /><script type="text/javascript" src="js/jquery-3.0.0.min.js" ></script><script type="text/javascript" src="js/teat.js" ></script></head><body><div class="content"><select multiple="multiple" id="select1"><option value="1">篮球</option><option value="2">网球</option><opti...
jquery的事件命名空间详解【代码】【图】
jquery现在的事件API：on，off，trigger支持带命名空间的事件，当事件有了命名空间，就可以有效地管理同一事件的不同监听器，在定义组件的时候，能够避免同一元素应用到不同组件时，同一事件类型之间的影响，还能控制一些意外的事件冒泡。在实际工作中，相信大家都用的很多，但是不一定了解它的所有细节，至少我有这样的经验，经常在碰到疑惑的时候，还得重新写例子去验证它的相关作用，所以本文想把事件命名空间相关的细节都梳理出...
jquery和ajax的关系详细介绍【转】
jquery和ajax的关系详细介绍http://www.jb51.net/article/43965.htm原文：http://www.cnblogs.com/disneyland/p/4236701.html
18款 非常实用 jquery幻灯片图片切换【图】
1、jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动jquery图片特效制作仿腾讯QQ商城首页banner焦点图片轮播切换效果，带索引按钮控制和左右按钮控制图片切换。' ref='nofollow'>查看演示>> 下载地址2、jquery图片切换插件制作图片层叠缩放展示效果jquery图片插件制作图片等比列缩放层叠样式，图片叠加展示。点击层叠最上层的图片依次点击缩放图片层叠缩放切换。 ' ref='nofollow'>查看演示>> 下载...
jquery 文本域光标操作（选、添、删、取）【代码】
一、JQuery扩展; (function ($) {/** 文本域光标操作（选、添、删、取）的jQuery扩展 http://www.cnblogs.com/phpyangbo/p/5528648.html*/$.fn.extend({/** 获取光标所在位置*/iGetFieldPos: function () {var field = this.get(0);if (document.selection) {//IE$(this).focus();var sel = document.selection;var range = sel.createRange();var dupRange = range.duplicate();dupRange.moveToElementText(field);dupRange.setEn...
JQuery树形插件Dynatree的包装对象
这是JQuery Dynatree插件的包装对象，做了些改进和增强，增加了右键菜单，以及相应事件等扩展1. [代码]MagicDTree的基本使用 <SCRIPT type=text/javascript>$(function(){ var ctxMenu = $(‘#ctxMenu1‘); var tree = $(‘#tree1‘); tree.mac(‘dtree‘, { treeConfig: { title: Msg.region.allRegions, rootVisible: true }, ctxMenu: ctxMenu, doInsert: func...
第十节（jQuery - AJAX ）【代码】
1:jQuery - AJAX 简介AJAX 是与服务器交换数据的艺术，它在不重载全部页面的情况下，实现了对部分网页的更新什么是 AJAX？AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示关于 jQuery 与 AJAXjQuery 提供多个与 AJAX 有关的方法。通过 jQuery AJAX 方法，您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML...
jquery属性的相关js实现方法【代码】
有些公司手机网站开发不用第三方的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...
jquery 实现广告图fixed与scroll关联【代码】
<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...
JQuery EasyUI 学习——Struts2与EasyUI DataGrid数据表格结合使用显示数据库数据【图】
因为EasyUI DataGrid只要取出后台传过来的一定格式的JSON数据，就可以在前台页面数据表格中，以一定形式显示数据库中的数据。此处，我们使用Struts2框架整合DataGrid，实现数据的显示。一、页面内容 为了在页面中显示数据库中字段内容，需要定义一个table，通过EasyUI内部设计，自动显示数据，如下：<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib prefix="s" uri="/struts-tags" %> <% ...
jQuery模拟瀑布流布局【代码】
<!DOCTYPE html><html><head><meta charset="utf-8"><title>瀑布流</title><style type="text/css">*{margin: 0; padding: 0;}body{text-align: center;}.content{margin: 0 auto ; text-align: center; width: 960px; overflow: hidden;}.content ul{float: left; width: 220px; margin: 5px; padding: 5px;}.content ul li{ border: 1px solid #8b4513; list-style: none; overflow: hidden; margin-top: 5px;}</style><script t...
jquery 封装页面之间获取值【代码】
最近在项目中发页面传值比较繁琐。View → Control → View，或是Session、Cookie 的 感觉不是很好，于是封装了一个页面间的js方法，上码$.extend({request: function (name) {var search = decodeURI(location.search.slice(1)); //decodeURI 对中文进行转码，防止乱码出现var arr = search.split("&");for (var i = 0; i < arr.length; i++) {var ar = arr[i].split("=");if (ar[0] == name) {if (unescape(ar[1]) == ‘undefi...
ASP.NET jquery ajax传递参数
第一种：GET传递前台 ajax GET 传递 ：即在请求的地址后面加上参数，URL地址长度有显示，安全性低后台接收：Request.QueryString[“参数名字”]！例如：function LoadBar(id) { var project = id; var month = $("#txtMonth").val(); $.ajax({ type: "GET", async: false, url: ‘GetProjectScore.aspx?project=‘ + project + ‘&month=‘ + month, data...
使用jquery创建表格，添加、删除行【代码】【图】
最近搞前端，某页面功能中需要动态添加和删除表格行。 比较常用的场景是通过一个添加按钮添加表格行，每一行都有一个删除按钮进行删除。 谷歌了一下找到一个示例代码挺适合新手学习使用的。 效果如下： HTML代码如下： 1<label>Please indicate the number of attendees in your group including yourself.2<select id="participants" class="input-mini required-entry"> 3<option value="1">1</op...
jQuery中获取特定顺序子元素（子元素种类不定）的方法【代码】【图】
提出问题：只已知父元素和父元素中子元素的次序，怎么通过jQuery方法获得该元素？ 1<p>第一部分：</p> 2<ul> 3<li>1</li> 4<li>2</li> // 选择这个子元素 5<li>3</li> 6</ul> 7<p>第二部分：</p> 8<ul> 9<li>4</li>10<li>5</li>11<li>6</li>12</ul>在不通过选择器的情况下(:first,:last,:nth-child()等)，如何通过父元素来选择特定次序的子元素呢？方法一：eq(n)$("ul").children().eq(1).css("backgroundColor","blue");或者$("ul...
jquery easyui datagrid实现数据修改【图】
1、单击选中待修改行2、使用单独对话框修改数据3、使用updateRow方法修改数据（注意这里只是修改了网页上显示的数据，并没有同步修改数据库中的数据，如果也要同步修改数据库中的数据可以写一个servlet实现）版权声明：本文为博主原创文章，未经博主允许不得转载。原文：http://blog.csdn.net/giser_whu/article/details/47178831
jQuery中的文档处理
一：内部插入1：append(content)：向每个匹配的元素内部追加内容。$("p").append("<b>Hello</b>");2：appendTo(content)：把所有匹配的元素追加到另一个指定的元素元素集合中。$("p").appendTo("div");3：prepend(content)：向每个匹配的元素内部前置内容。$("p").prepend("<b>Hello</b>");4：prependTo(content)：把所有匹配的元素前置到另一个、指定的元素元素集合中。$("p").prependTo("#foo");二：外部插入1：after(content)：...
jquery实现JSON数据获取【代码】
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...
jQuery判断iframe中元素是否存在的方法【图】
jQuery判断iframe中元素是否存在的方法，需要的朋友可以参考一下 .代码 if($(window.frames["iframepage"].document).find(‘.l-grid-row-cell‘).length > 0){ alert(1); }else{ alert(2); } 判断id为iframepage的iframe中css为1-grid-row-cell的元素是否存在。前端UI分享原文：http://blog.csdn.net/ariss123/article/details/38729047
jquery的奇偶行【图】
even 代表偶数行odd代表奇数行示例：js： $(document).ready(function(){ $("table tr").eq(0).addClass("sh"); $("table tr:even:gt(0)").addClass("even"); $("table tr:odd").addClass("odd"); });css:.even{ background-color:Red;}.odd{ background-color:#f1f1f1;}.sh{ background-color:#d2e7fe} 前台：<div> <div>详细列出每个仓库管理员的姓名、部门</div> ...