JS & Jquery
文章平均质量分 75
smartsmile2012
这个作者很懒,什么都没留下…
展开
-
JS批量给元素添加css样式或attr标签
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></...原创 2020-04-26 10:38:18 · 2943 阅读 · 0 评论 -
javascript里使用索引对集合实现高效的增删改查
<script> //集合操作 var list = [] var count = 10000 //集合数据总数 //索引方式添加 console.time("add") for (i = 0; i < count; i++) { addItem(list, { "name": "zhangsan" + i, ...原创 2020-04-24 09:24:42 · 427 阅读 · 0 评论 -
JS 里Sleep延时执行,可多个顺序延时
function sleep(delay){ return function(){ return new Promise(function(resolve, reject){ setTimeout(resolve, delay); }); } }...原创 2020-04-23 11:39:40 · 1079 阅读 · 0 评论 -
Jquery 设置或获取控件的值
//Jquery获取控件的值function JqGetValue(controlID, controltype) { var objValue = ""; switch (controltype) { case 'text': //文本输入框 objValue = $.trim($("#" + controlID + "").attr("value")); //取值去左原创 2012-08-23 15:35:13 · 8851 阅读 · 0 评论 -
利用Jquery实现GridView隔行换色,全选,鼠标滑过当前行效果
$(function () { gridview("GridView1");});//gridviewfunction gridview(objgridview) { //get obj id var gridviewId = "#" + objgridview; //even $(gridviewId + ">tbody tr:even").addCla原创 2012-08-28 10:07:59 · 2632 阅读 · 0 评论 -
利用jquery解决下拉菜单被Div遮挡问题
用jquery的hover事件,当鼠标移动到menu时,把遮挡下拉菜单的div设置为负值,鼠标离开时恢复正值, 代码如下: $("#menu").hover( function() { $(".divName").css("z-index", "-1"); }, function() { $(".divName").css("z-index", "0"); });原创 2012-08-28 16:58:07 · 3296 阅读 · 0 评论 -
JQuery中操作Css样式
//1、获取和设置样式$("#tow").attr("class")获取ID为tow的class属性$("#two").attr("class","divClass")设置Id为two的class属性。//2、追加样式$("#two").addClass("divClass2")为ID为two的对象追加样式divClass2//3、移除样式$("#t原创 2012-09-07 10:33:26 · 2475 阅读 · 0 评论 -
Jquery 选择器参考
jQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有 元素.class.class$(".intro.转载 2012-09-12 16:47:04 · 748 阅读 · 0 评论 -
很多人想要的Jquery 加载Loading效果,可以加到自己的项目中,结合Ajax使用
loading效果 function showLoad(tipInfo) { var eTip = document.createElement('div'); eTip.setAttribute('id', 'tipDiv'); eTip.style.position = 'absolut原创 2012-09-12 16:40:04 · 12631 阅读 · 0 评论 -
ListBox实现上移,下移,左移,右移操作
Javascript版选择下拉菜单互移且排序 选定一项或多项然后点击添加或移除(按住shift或ctrl可以多选),或在选择项上双击进行添加和移除。 北京 上海原创 2012-09-06 09:49:36 · 9292 阅读 · 0 评论 -
Jquery Uploadify上传带进度条
Jquery Uploadify上传带进度条 $(document).ready(function () { $("#uploadify").uploadify({ 'uploader': 'js/jquery.uploadify-v2.1.4/uploadif原创 2013-01-10 14:31:55 · 7517 阅读 · 0 评论 -
Jquery强大的选择器收集整理
1.通过标签类型选择 $("p") //选择所有的P标签 $("a") //选择所有的a标签 $("div") //选择所有的div标签2.通过class选择元素 $(".red") //选择类名为red的类3.通过ID选择元素转载 2013-01-16 15:46:17 · 1138 阅读 · 0 评论 -
Jquery根据关键字快速定位GridView指定行,用于数据快速检索
.hightlite { background-color:Gray; } $(function () { $("#searchBtn").click(function () { var search = $("#Searc原创 2013-01-16 10:01:26 · 3792 阅读 · 2 评论 -
Jquery基本选择器 层次选择器 过滤选择器 表单选择器使用示例 带注释
Jquery示例 #menu { width:300px; } .has_children{ background : #555; color :#fff; cursor:pointer; } .highlight{ color : #fff; backgrou原创 2013-04-12 16:02:45 · 1241 阅读 · 1 评论 -
项目常用Javascript分享,包含常用验证和Cookie操作
function IsEmail(str) { var r = /^[a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/; if (r.test(str)) { return true; } else { return false; }}function IsTel(原创 2013-11-29 17:50:33 · 1378 阅读 · 0 评论 -
对Jquery中的ajax再封装,简化操作
jQueryAjaxJson取值示例 $(function () { jsonAjax("AjaxQuery.aspx", "type=json", "json", callBack); jsonAjax("AjaxQuery.aspx", "id=1&name=2&type=text", "原创 2013-11-30 16:30:39 · 17086 阅读 · 0 评论 -
JQuery上传插件Uploadify详解及其中文按钮解决方案 .
Uploadify有一个参数是 buttonText 这个无论你怎么改都不支持中文,因为插件在js里用了一个转码方法把这个参数的值转过码了,解码的地方在那个swf文件里,看不到代码,所以这条路不行。 另一个参数,网上很少提到,是 buttonImg( 按钮图片),这时你完全可以用一个图片来替换掉插件自带的那个黑色的flash浏览按钮,只要你自己的图片上是中文,这不就解决了中文按钮问题么?转载 2013-12-02 15:29:59 · 1388 阅读 · 0 评论 -
Jquery购物车jsorder改进版,支持后台处理程序直接转换成DataTable处理
JSORDER 案例 案例一:我的菜单(点击菜名即可加入菜单) 红烧豆腐 12元 毛血旺 32元 套餐:京酱肉丝+2米饭 18元 //jsorder配置 $.fn.jsorder.defaults = { staticname: 'jsorder', jsorde原创 2013-12-07 13:58:08 · 3333 阅读 · 0 评论 -
Jquery.Uploadify实现批量上传显示进度条 取消 上传后缩略图显示 可删除
Jquery Uploadify上传带进度条,且多参数 $(document).ready(function () { $("#pics").hide(); $("#uploadify").uploadify({ 'uploader':原创 2013-12-05 17:39:48 · 7889 阅读 · 0 评论 -
Jquery qTip2实现多种提示效果,支持ajax,以及多种样式
Qtip2 插件提示 /* 从官方网站下载最新版本时,可以选择相应的样式及插件;可选的样式包括几种色彩风格(Colour Styles)、CSS3相关样式如圆角; 以及以下各种插件,可根据自己需要选择: Ajax,这个不用说,请求远程内容的 Tips原创 2013-12-06 16:37:26 · 6597 阅读 · 0 评论 -
关于Jquery中ajax方法data参数用法的总结
$.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", //第一种方式传参 // data: {name:"John",location:"Boston"} //第二种方式传参 // data: {foo:["bar1", "bar2"]} 转换为 '&foo=bar转载 2013-12-16 13:53:34 · 8726 阅读 · 1 评论 -
jQuery插件开发全解析
jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方法。典型的例子就是转载 2014-01-07 14:39:06 · 1028 阅读 · 0 评论 -
不错的JQuery屏幕居中提示信息封装,使用方便,可集成到项目
function showLoad(tipInfo, type, autohide) { var pic = ""; switch (type) { case 0: // loading pic = "./Images/loading.gif"; break; case 1: // ok原创 2013-12-20 11:46:23 · 1827 阅读 · 0 评论 -
极简Jquery的Tabs内容轮换效果,几行代码搞定
极简Jquery的Tabs内容轮换效果,几行代码搞定 * { margin:0; padding:0;} body { font:12px Verdana, Geneva, sans-serif; color:#404040;} .tabs { margin:10px 0 0 20px; width:360px; position:relative; overflo原创 2012-09-13 09:51:33 · 2337 阅读 · 0 评论 -
Jquery地图热点效果-鼠标经过弹出提示信息
Jquery地图热点效果-鼠标经过弹出提示信息 .map img { width: 496px; height: 415px; } .mapDiv { width: 140px; height:原创 2014-01-10 10:58:29 · 6953 阅读 · 2 评论 -
使用jquery-qrcode在页面上生成二维码,支持中文
使用jquery-qrcode生成二维码,支持中文 function utf16to8(str) { var out, i, len, c; out = ""; len = str.length; for (i = 0; i < len; i原创 2013-12-26 15:52:14 · 8436 阅读 · 2 评论 -
Jquery几行代码解决跟随屏幕滚动DIV
jquery.text-effects #test { position: absolute; top: 10px; right: 10px; width: 130px; height: 60px;转载 2014-01-15 10:29:00 · 12539 阅读 · 2 评论 -
jquery.cookie使用方法
jquery.cookie.js 的配置首先包含jQuery的库文件,在后面包含 jquery.cookie.js 的库文件。使用方法1.新添加一个会话 cookie:$.cookie('the_cookie', 'the_value');注:当没有指明 cookie有效时间时,所创建的cookie有效期默认到用户关闭浏览器为止,所以被称为“会话cookie(session co转载 2014-07-10 10:39:14 · 995 阅读 · 0 评论 -
Jquery仿京东分类导航层简单实现
$(function () { var alink01 = $(".item > ul"); alink01.hover(function () { //alert div var divId = $(this).find("div").attr("id");原创 2014-09-17 09:05:25 · 4811 阅读 · 0 评论 -
Kindeditor JS 取值问题以及上传图片后回调等
KindEditor.ready(function (K) { var editor = K.create('#editor_id', { //上传管理 uploadJson: '/js/kindeditor/asp.net/upload_json.ashx', //文件管理 fileManagerJson: '/js/kin原创 2014-10-14 16:57:42 · 16790 阅读 · 3 评论 -
一些实用的JQuery代码片段收集(筛选,搜索,样式,清除默认值,多选等)
1. 如何创建嵌套的过滤器//允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分。在这种情况下, //查询删除了任何没(:not)有(:has) //包含class为“selected”(.selected)的子节点。 .filter(":not(:has(.selected))") 2. 如何重用元素搜索var allItems = $(转载 2013-12-30 14:18:51 · 2535 阅读 · 0 评论 -
网站常用的一些javascript封装 简化调用
//用于网页地址参数//参数中包含出了英文中文数字之外的其他符号时进行编码并在前面加“==”进行标识,否则直接返回//解码时根据是否含有“==”标识来决定是否要解码var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";var base64Encode = new原创 2014-10-31 17:20:48 · 1680 阅读 · 0 评论 -
项目常见函数封装,基于Jquery
/// /** DIV或元素居中* @return*/jQuery.fn.mCenterDiv = function () { this.css("position", "absolute"); this.css("border", "1px solid #ccc"); this.css("top", ($(window).height() - this.heig原创 2014-01-08 17:00:26 · 15508 阅读 · 0 评论 -
关于如何绑定Jquery 的scroll事件(兼容浏览器 Wookmark瀑布流插件)
做一个随屏幕滚动的导航条时,发现一个问题:火狐、谷歌、ie9正常,ie8、7、6页面滚动时,导航条没有反应。代码如下:$(document).bind("scroll",function(){ //…… }); 后来怀疑绑定对象出了问题,不应该绑定document。改成“body”,还是不行。再改成window,测试成功。代码如下:$(转载 2014-12-24 10:12:38 · 5270 阅读 · 0 评论 -
jquery控制div随滚动条滚动效果
jquery div随滚动条滚动效果 $(function () { $(window).scroll(function () { var top = $(window).scrollTop() + 200; var left = $(window).scrollLeft()原创 2015-02-03 15:07:18 · 7750 阅读 · 0 评论 -
easyUI tree点击文字展开节点
easyUI默认展开树的时候,点击节点前边的黑色小三角 ,这样操作存在不人性化的地方,在实际使用中由于老旧电脑的存在和大龄使用者的眼花经常点不准;因此要实现点击节点名称展开的方式,其实就是在展开事件上加一个展开该节点的方法。在onSelect事件中添加$(this).tree('expand',node.target);当选中该节点的时候,展开该节点下的节点,该方法只会展开转载 2015-01-17 11:41:10 · 3528 阅读 · 0 评论 -
Jquery实现按钮点击遮罩加载,处理完后恢复
EasyUI加载效果 body{font-size:12px} .datagrid-mask{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.5;filter:alpha(opacity=30);background-color:#e0ecff;display:none} .datagr原创 2015-02-05 17:01:40 · 5177 阅读 · 0 评论 -
Jquery+Ajax限制查询间隔
Jquery异步查询加载效果 .span_query { cursor:pointer;} $(function () { $(".span_query").click(function () { var val = $(this).attr("data-value")原创 2015-03-05 10:58:44 · 2223 阅读 · 0 评论 -
C#无限级分类递归显示示例
using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Data;using System.Web.UI;using System.Web.UI.WebControls;public partial class RoleDemo20150305 : S原创 2015-03-05 13:06:48 · 3334 阅读 · 0 评论 -
jquery定时刷新数据
$(function () { setInterval("startRequest()", 3000); }); function startRequest() { $("#date").text((new Date()).toString()); }转载 2015-03-28 14:11:16 · 3491 阅读 · 0 评论