JQUERY - 技术教程文章

.NET中的FileUpload控件的使用-Jquery(一)

FileUpload在HTML中是个常用的基础控件,在涉及到上传各种格式的文件时候都会用到;笔者前段时间正好用到它做上传功能,记录下来做一些累积,前端到后台用的是的Jquery中的Ajax进行数据传输,在后台的逻辑处理中以HttpPostedFileBase的对象调用SaveAs(ServerSavePath)方法去存储到指定路径。Microsoft在技术文档中是这样描述HttpPostedFileBase的Serves as the base class for classes that provide access to individual files th...

JQuery EasyUI后台UI框架使用连载【代码】【图】

在正式了解 jQuery EasyUI 之前,我们先了解一下什么是 jQuery EasyUI。它的学习条件、市场上的同类产品、所支持的浏览器等。然后配置运行 jQuery EasyUI。一、什么是JQuery EasyUI jQuery EasyUI 是一组基于 jQuery 的 UI 插件集合,而 jQuery EasyUI 的目标就是帮助Web 开发者更轻松的打造出功能丰富并且美观的 UI 界面。开发者不需要编写复杂的JavaScript,也不需要对 css 样式有深入的了解,开发者需要了解的只有一些简单...

jqueryui 拖拽结束 触发了 单击事件 解决办法【代码】

答案来自 链接地址var dragging = false; $("#dragdiv").draggable({ axis: "x", revert: true, start: function(event, ui) {dragging = true; }, stop: function(event, ui) {// Update Code here } }); $("#dragdiv").click(function(mouseEvent) { if(!dragging) {alert("可以进行点击事件了"); } else {dragging = false;} });原文:https://www.cnblogs.com/Mxy-cnblog/p/9969898.html

jquery 中的框架

DWZ 国产Ajax RIA开源框架 Ninja UI 框架 提供页面插件angela ui框架 表单布局等Chico UI 快速页面布局 PrimeUI w2ui 布局、弹出表格,菜单等jQueryUI 是一套 jQuery 的页面 UI 插件,包含很多种常用的页面空间,例如 Tabs(如本站首页右上角部分) 、拉帘效果(本站首页左上角)、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。 LigerUI是基于jQuery开发的一系列控件组,包括表...

JQuery 学习笔记--02

JS 中的 window.onload() 方法与 Jquery 中的 $(document).read(function( ){ }) 的区别 :加载时机不一样, window.onload()要等所有文件都加载完毕 ( js , css 文件 , 以及图片资源 ) , 而 Jquery 的方法只需要等 DOM 树形成即可 ; $(document).read(function( ){ }) 可简写为 $(function( ) { }) ; $(document).read(function( ){ }) 可以绑定多个函数, 而 window.onload() 只有这一个事件 . Jquery 中两个合成事件: hover ...

jQuery最佳实践(转载)

本文转载于阮一峰的博文。上周,我整理了《jQuery设计思想》。那篇文章是一篇入门教程,从设计思想的角度,讲解“怎么使用jQuery”。今天的文章则是更进一步,讲解“如何用好jQuery”。我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》(jQuery Proven Performance Tips And Tricks)。他是jQuery开发团队的成员,具有一定的权威性,提出的结论都有测试数据支持,非常有价值。1. 使用最新版本的jQueryjQuery的版本更新很快,...

jQuery/javascript实现全选全不选【代码】

1<html> 2<head> 3<meta charset="utf-8"> 4<title>Checkbox的练习</title> 5<style type="text/css"> 6*{margin:0px;padding:0px;} 7table{width:100%;text-align:center;} 8</style> 9 10<script src="jquery.js"></script> 11<script language="javascript"> 12 $(function(){13//给全选的复选框添加事件 14 $("#all").click(function(){15// this 全选的复选框 16var userids=this.checked;17//获取name=box...

jquery事件重复绑定的快速解决方法【代码】

click等事件 解决:使用unbind("click")方法先解除绑定的事件再绑定新事件,即在给对象绑定事件之前先移除该对象上的原有事件1 $("#test2").unbind(‘click‘).click(function() { 2 alert("click解除绑定执行" + k++ + "次"); 3 }); 转自:http://www.cnblogs.com/shiyou00/p/5531049.html原文:http://www.cnblogs.com/sweeeper/p/6106233.html

Jquery 选择器 详解【代码】【图】

在线文档地址:http://tool.oschina.net/apidocs/apidoc?api=jquery各种在线工具地址:http://www.ostools.net/一、基本选择器1 $("#div1").html("hello world 1"); //根据id匹配元素(a)2 $(".c1").html("hello world 2"); //根据Yclass匹配元素(b)3 $("span").html("hello world 3"); //根据元素名称匹配 (c)4 $("span,div.c1").html("hello world 4"); //匹配页面所有的span 和class=c1的div(b c)5 $("*").html("hello ...

关于解决JQUERY对INPUT元素Change事件不兼容的问题【代码】

最近开发一个项目,需要实现用户在WEB表单里的多个INPUT框中输入数量后,立即自动计算加总各项输入的数量之和,并显示在指定的INPUT框中,这个功能实现的原理是简单的,就是只需要在INPUT的onchange事件中计算加总并将结果赋给指定的INPUT框中即可实现,代码如下:$("input.syxcost").change(function(){computeReceivedsyxcost(); }function computeReceivedsyxcost(){ //计算加总var syxcost=0;$("input.syxcost").each(functio...

jQuery遮罩插件jQuery.blockUI.js简介【代码】

本文链接:http://bookshadow.com/weblog/2014/09/26/jquery-blockui-js-introduction/jQuery遮罩插件jQuery.blockUI.js简介原文:http://www.cnblogs.com/keyi/p/6364559.html

jQuery读取json文件

转 http://www.jb51.net/article/36678.htm1.userInfo.html<!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>getJSON获取数据</title> <script src="http://libs.useso.com/js/jquery/1.11.1/jquery.js"...

Jquery DIV滚动至浏览器顶部位置固定

获取元素(这里定位元素A)距离顶部的高度,接着设定scroll滚动的事件,比如超过那个高度,把A的位置设定为fixed,小于该高度,修改回relative。 方法一:$(function() { var elm = $(‘.nav‘); var startPos = $(elm).offset().top; $.event.add(window, "scroll", function() { var p = $(window).scrollTop(); $(elm).css(‘position‘,((p) > startPos) ? ‘fixed‘ : ‘static‘); $(el...

Jquery 页面中如若是遍历出来的数据,如何针对其中一条信息进行操作(增删改)【代码】【图】

背景:因为遍历出来的的数据,如不进行任何操作,其后面的按钮在ID相同的情况下,事件触发和表单获取都只能有一个。而不能将所有的数据包括在内。转自百度:  http://zhidao.baidu.com/link?url=HSORjB-yy61-8h_8dDY72sN_5jzjaapyUa0zk9TLJCOoZFcHZ6Df2PjFtCvmkGdziXK5QSmji-n-HvUy_38LOK为这5个按钮设置一个相同的class<input class="btn" id="btnA" .....<input class="btn" id="btnB" .....<input class="btn" id="btnC" .......

jquery简单几句代码实现星级评论效果【代码】

我前面博客写过一个星级评论的原生写法,非常复杂,今天就通过jquery来写一个简单的星级点亮的效果,来看代码:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>.ct-star {display: inline-block;margin: 0 1px;width: 19px;height: 19px;background: url(img/stars.png) no-repeat;vertical-align: -2px;cursor: pointer;}.ic-star-off {background-position: -39px 0;}</style></head><...

特效 左右滑动轮播图jQuery思路【代码】【图】

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title></title><style type="text/css">* {padding: 0;margin: 0;list-style: none;border: 0;}.all {width: 500px;height: 200px;padding: 7px;border: 1px solid #ccc;margin: 100px auto;position: relative;}.screen {width: 500px;height: 200px;overflow: hidden;position: relative;}.screen li {width: 500px;height: 200px;overflow: hidden;float: left;...

基于jQuery或Zepto实现实时监控用户浏览信息【代码】

对于一些大型公司,想要有一些监控用户行为的分析,怎么办?比如一个场景,A公司想要监控用户浏览当前屏幕有哪些数据怎么办?那么就用到本文所提的监控解决方案了:1.首先要监控用户到底在该屏停留了多久;2.基于1确定用户是停留在了本页面而没有滑动手机屏幕;3.在用户未达到条件后的callback机制。基于以上的问题,我们可以想到时间分片 1/* This is a expose advertisements component.2 * Base on some class libraries that ...

jQuery相关知识

1.jQuery中$符号有何作用? $作为jQuery的别名,如$(document).ready() 即是 jQuery(document).ready()2.jQuery选择器有哪几种? 基本选择器:$("#id") —〉通过id获取元素 $(".class") —〉通过既定的类名获取元素 $("p") —〉通过名称匹配获取元素 $("span,#id,...").css() —〉多个选择合并返回 层次选择器:$("div span") —〉div中所有的span ...

巧妙使用Jquery 改变元素的 onclick 事件【图】

需要点击图片将套组发布, 页面代码: Html代码 <img width="20px" src=" <s:property value="IMAGES_PATH" /><s:if test=‘%{releaseStatus == "YES"}‘>pubed.png</s:if> <s:else>nopub.png</s:else>" onclick="<s:if test=‘%{releaseStatus == "YES"}‘>changeToClose(<s:property value="suiteId" />, $(this));</s:if> <s:else>changeToOpen(<s:property value="suiteId" />, $(this));</s:else>" /> 在套组发布之...

jquery过滤器之:contains()、.filter()【代码】

:contains 选择器选取包含指定字符串的元素。该字符串可以是直接包含在元素中的文本,或者被包含于子元素中。经常与其他元素/选择器一起使用,来选择指定的组中包含指定文本的元素,如:$("p:contains(is)") 表示选择所有包含 "is" 的 <p> 元素。再如:$("p:contains(张三)") 或 $("p:contains("张三")") 表示选择所有包含 "张三" 的 <p> 元素。 在该选择器里也可以使用变量来达到选取的目的,如:$(document).ready(function(...

【转】jQuery - 同时添加click和dblclick事件【代码】

特别提示:本人博客部分有参考网络其他博客,但均是本人亲手编写过并验证通过。如发现博客有错误,请及时提出以免误导其他人,谢谢!欢迎转载,但记得标明文章出处:http://www.cnblogs.com/mao2080/1、问题描述最近在做H5视频播放器,有这样的需求:点击视频播放界面可以:暂停/播放,双击视频可以:全屏/退出全屏,但是同时绑定click和Dblclick会有冲突,双击的时候每次都会执行两次click,一次Dblclick这明显不符合要求,于是在...

JQuery之滑动幻灯片插件Easy Slider初体验

Easy Slider 是一个滑动幻灯片插件,支持任何图片或内容,可以实现横向或纵向滑动。它拥有一系列丰富的参数设置,可通过CSS来进行完全的控制。基本上只需要引入这个插件后,设置好内容,然后样式化CSS就可以自定义了。小编这里用来做了轮播图,首先将其下载好。习惯性下载最新版1.7。下载到的是压缩包,解压之。发现有三个不同样式的html页面。打开第一个:图片有问题,不知道怎么办。一般情况只会刷新浏览器,没有变化,心里烦躁,...

jquery easyui的使用【图】

第一步下载jquery easyui 下载地址:http://www.jeasyui.com/download/index.php第二步创建Java web项目第三步导入相关的文件。。文件夹结构例如以下<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css"> <script type="text/javascript" src="easyui/jquery-1.7.2.min.js"></script> <script type="text/javascript"...

jquery对css操作

1.css取得p的颜色:$(document).ready(function(){ var p= $("p").css("color"); alert(p);});设置段落字体的颜色为红色:$(document).ready(function(){ $("p").css("color","red");});设置段落字体的颜色为红色并且背景色为蓝色:$(document).ready(function(){ $("p").css({color:"red",background:"blue"});});<body><div>test1</div><div id="d" >test2</div> <input type="text" value="文本框" /> <input ty...

jquery.validate 1.13.1之验证失效!

最近在搞一个项目,其中用到bootstrap做前端开发框架,框架里用到了一个placeholder属性,html5做提示用的。但是他在ie10以下是无效的,所以用js判断了下,在placeholder无效的情况下(if (!(‘placeholder‘ in document.createElement(‘input‘))))对其隐藏,追加一个text,设置它的val为placeholder值,这是前提。然后就发现jquery.validate 失效了。各种找啊。大部分都是说不兼容ie8的,各种孽心的试,还是不行。最后在1.9的...

Checkbox框全选操作,form表单提交与jquery ajax提交两种处理方式【代码】【图】

//1.jquery ajax<script type="text/javascript">$(function(){var basePath = $("#basePath").val();//上架操作 $("#upAll").click(function(){var chk_value =""; $(‘input[name="ckID"]:checked‘).each(function(){chk_value += $(this).val()+","; });if(chk_value ==""){alert("请选择需要上架的项!!");return;}else{if(!confirm("确定上架吗?")){return;}}var addNetworkId = $("#addNetworkId").val();//al...

[ jquery 文档处理 replaceWith(content|fn) replaceAll(content) ] 此方法用于把所有匹配的元素替换成指定的HTML或DOM元素【代码】

此方法用于把所有匹配的元素替换成指定的HTML或DOM元素  content(String, Element, jQuery, Function)    用于将匹配元素替换掉的内容。如果这里传递一个函数进来的话,函数返回值必须是HTML字符串。  fn    返回THML字符串,用来替换的内容。实例:<html lang=‘zh-cn‘> <head> <title>Insert you title</title> <meta http-equiv=‘description‘ content=‘this is my page‘> <meta http-equiv=‘keywords‘ conte...

jquery javascript写的loading【图】

650) this.width=650;" src="/upload/getfiles/default/2022/11/15/20221115114209246.jpg" title="QQ图片20140901164452.jpg" />var mask="<div id=‘m‘></div>";var loading="<div id=‘loadingDiv‘ style=‘‘><img src=‘../../theme/blue/images/blue/loading-blue.gif‘></img>主备切换中.......</div>";$("body").prepend(loading).prepend(mask);$("#loadingDiv").css("position","absolute").css("width","221px").css(...

Jquery之事件绑定(bind(),live(),delegate(),on())

1、.bind()描述: 为一个元素绑定一个事件处理程序。.bind()一个基本的用法:$(selector).bind('click', function() {alert('User clicked on "foo."'); }); 可以直接用原生js替代为:$(selector).click( function() {alert('User clicked on "foo."'); });在jQuery1.4.3,您现在可以通过传递false代替一个事件处理程序。这将相当于一个事件处理程序绑定写成这样:function(){ return false; }。在以后通过调用.unbind( eventName, ...

jQuery节点操作方法大全

1.append()向每个匹配的元素内部追加内容HTML代码:<p>我想说:</p>jQuery代码:$(‘p‘).append(‘<b>你好</b>‘);结果:<p>我想说:<b>你好</b></p> 2.appendTo()将所有匹配的元素追加到指定的元素中。实际上,使用该方法是颠倒了常规$(A).append(B)的操作,既不是将B追加到A中,而是将A追加到B中HTML代码:<p>我想说:</p>jQuery代码:$(‘<b>你好</b>‘).appendTo(‘p‘);结果:<p>我想说:<b>你好</b></p> 3.prepend()向每个匹配的...