随笔分类 -  jQuery 插件

摘要://遍历option和添加、移除optionfunction changeShipMethod(shipping){var len = $("select[@name=ISHIPTYPE] option").lengthif(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } });}else{ $("<option valu 阅读全文
posted @ 2013-02-20 10:28 ishibin 阅读(162) 评论(0) 推荐(0)
摘要:上周花了点时间改了一下 Go Top 按钮的显示效果, 显示在页面右侧, 跟随浏览器窗口滚动, 在 IE6 浏览器中使用淡入淡出的跟随显示. 可能现在已经存在很多类似的插件和工具, 但我还是想分享一下, 并将脚本封装成类, 以方便其他人阅读和使用.因为实现原理比较简单, 本文就不扯技术方面的话题了, 只会讲讲使用方法, 要研究的同学请自己默默地看代码去吧.功能描述在页面中注入回到顶部 (Go Top)按钮, 并为该按钮绑定跟随浏览器窗口和回到页面顶部的事件. 需要 jQuery 支持, 如果同时引入 jQuery 的 ScrollTo 插件将有滚动回到页面顶部的效果, 否则只是直接定位至顶部. 阅读全文
posted @ 2013-01-30 23:40 ishibin 阅读(440) 评论(0) 推荐(0)
摘要:jQuery 可以通过调用animate方法添加动画效果, 而且还提供了一套别名, 使用起来很是方便. 其中slideDown和slideUp两方法的作用是纵向展开和卷起一个页面元素, 被使用的几率很高, 却一直存在一个小问题.如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画会滞后的反复执行, 相当不美观 (演示页面). 演示页面中有一个按钮, 请用鼠标迅速地来回划过...不知道本博客的老读者是否记得我写过的一个关于菜单导航的专题, 其中一节讨论的是滚动导航菜单的实现方法(演示页面), 实现了类似 slideUp 和 slideDown 的效果, 但是不存在上述问题, 阅读全文
posted @ 2013-01-30 23:36 ishibin 阅读(1046) 评论(0) 推荐(0)
摘要:做网页有时候会用到JS检测IE的版本,下面是检测Microsoft Internet Explorer版本的三种代码!有一种代码:<script type="text/javascript"> var browser=navigator.appName var b_version=navigator.appVersion var version=b_version.split(";"); var trim_Version=version[1].replace(/[ ]/g,""); if(browser=="Mi 阅读全文
posted @ 2013-01-14 16:51 ishibin 阅读(210) 评论(0) 推荐(0)
摘要:Javascript语言的设计不够严谨,很多地方一不小心就会出错。举例来说,请考虑以下情况。现在,我们要判断一个全局对象myObj是否存在,如果不存在,就对它进行声明。用自然语言描述的算法如下: if (myObj不存在){ 声明myObj; }你可能会觉得,写出这段代码很容易。但是实际上,它涉及的语法问题,远比我们想象的复杂。Juriy Zaytsev指出,判断一个Javascript对象是否存在,有超过50种写法。只有对Javascript语言的实现细节非常清楚,才可能分得清它们的区别。第一种写法根据直觉,你可能觉得可以这样写: if (!myObj) { myObj =... 阅读全文
posted @ 2013-01-12 14:36 ishibin 阅读(156) 评论(0) 推荐(0)
摘要:jQuery获取Radio选择的Value值 $("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值 $("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发 $("#text_id").blur(function(){//code...}); //事件 当对象text_id失去焦点时触发 $("#text_id").select(); //使文本框 阅读全文
posted @ 2013-01-04 23:45 ishibin 阅读(235) 评论(0) 推荐(0)
摘要:参考http://kb.cnblogs.com/page/52290/4/10.使用jQuery链来限定选择器,让你的代码更简洁更优雅 由于JavaScript支持链结构而且支持断行,所以你的代码可以写成下面这样,这个例子先在元素上移除一个class然后在同一个元素上添加另一个class:$('#shopping_cart_items input.in_stock') .removeClass('in_stock') .addClass('3-5_days'); 如果想让它更简单实用,你可以创建一个支持链结构的jQuery函数:$.fn.make 阅读全文
posted @ 2013-01-04 23:10 ishibin 阅读(270) 评论(0) 推荐(0)
摘要:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><meta http-equiv="Expires" content="Fri, Jan 01 1900 00:00:00 GMT"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-Co 阅读全文
posted @ 2013-01-04 23:03 ishibin 阅读(359) 评论(0) 推荐(0)
摘要:<script type="text/javascript"> function getIndexURL(myObject, myURL) { var hostname = window.location.hostname; var port = window.location.port; if (port == null) { var r_str = "http://" + hostname + "/" + myURL; return $(myO... 阅读全文
posted @ 2012-12-04 17:46 ishibin 阅读(330) 评论(0) 推荐(0)
摘要:用法Response.Write("<script>alert('成功加入购物车!');window.location.reload()</script>"); Response.Write("<script>alert('成功加入购物车!');window.location.replace(document.referrer);</script>"); 阅读全文
posted @ 2012-12-02 16:23 ishibin 阅读(337) 评论(0) 推荐(0)
摘要:下面的代码是通过网上别人写的javascript添加到收藏夹进行改写成jquery形式的;<script language="javascript" src="jquery-1.3.1.js"></script> //导入jquery插件<script language="javascript">$(document).ready(function(){ $("#btn").click(function(){ var ctrl = (navigator.userAgent.toL 阅读全文
posted @ 2012-12-01 11:55 ishibin 阅读(300) 评论(0) 推荐(0)
摘要:经常使用window.location,它的结构总是记不住,简单梳理下,方便以后查询。location 地址对象 它描述的是某一个窗口对象所打开的地址。要表示当前窗口的地址,只需要使用“location”就行了;若要表示某一个窗口的地址,就使用“<窗口对象>.location”。注意 属于不同协议或不同主机的两个地址之间不能互相引用对方的 location 对象,这是出于安全性的需要。例如,当前窗口打开的是“www.a.com”下面的某一页,另外一个窗口(对象名为:bWindow)打开的是“www.b.com”的网页。如果在当前窗口使用“bWindow.location”,就会出错 阅读全文
posted @ 2012-12-01 11:14 ishibin 阅读(263) 评论(0) 推荐(0)
摘要:根据属性获得元素1.比如要获取页面p标签中属性有id的元素$("p[id]").css("color","red");根据属性值获得元素1.$。在jQuery 中$("<span>"),这个语法等同于$(document.createElement("span")) ,这是一种用法,在选择元素的时候还会这样子的用:[attribute$=value],匹配给定的属性是以某些值结尾的元素。下面举个例子来说明一下:HTML代码<input name="newsletter 阅读全文
posted @ 2012-11-19 11:56 ishibin 阅读(146) 评论(0) 推荐(0)
摘要:官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validationjQuery plugin: Validation 使用说明转载自:http://blog.sina.com.cn/s/blog_608475eb0100h3h1.html一导入js库<script src="../js/jquery.js" type="text/javascript"></script><script src="../js/jquery.validate.js&qu 阅读全文
posted @ 2012-11-19 11:33 ishibin 阅读(200) 评论(0) 推荐(0)
摘要:类库预览https://developers.google.com/speed/libraries/AudienceThis documentation is designed for people familiar withJavaScriptprogramming and object-oriented programming concepts. There are manyJavaScript tutorialsavailable on the Web.IntroductionThe Google Hosted Libraries provides your applications w 阅读全文
posted @ 2012-11-14 10:26 ishibin 阅读(571) 评论(0) 推荐(0)
摘要:初学ASP.NET(C#)问题就是多,真是不知道从何处下手 在开发项目的时候遇到这样的问题:用户提交验证。当用户点提交按钮后,看到某些人写的验证代码都是写在后台ASPX.CS里面然后再有Response.Write(".........."),如: protected void btn_Save_Click(object sender, EventArgs e) { if (tpName.Text.Trim() == "") { Response.Write("<script language='JavaScript'&g 阅读全文
posted @ 2012-11-13 14:24 ishibin 阅读(934) 评论(0) 推荐(0)
摘要:http://blog.sina.com.cn/s/blog_3e4943b601015o8b.htmlhttp://www.cnblogs.com/jerrold1108cn/articles/1551543.htmlhttp://www.codesky.net/article/201111/114668.htmlhttp://www.cnblogs.com/hejunrex/archive/2011/11/17/2252193.htmlhttp://www.cnblogs.com/buzzlight/archive/2010/06/30/1768393.htmlhttp://www.cnb 阅读全文
posted @ 2012-11-13 10:52 ishibin 阅读(143) 评论(0) 推荐(0)
摘要:< script>setTimeout("location.href='url'",2000)< /script> < meta http-equiv="refresh" content="300; url=target.html"> 用window.location.href方法二: <script type="text/javascript"> var secs = 30; //6为倒计时秒数 for (i = 0; i <= secs; i 阅读全文
posted @ 2012-11-12 21:48 ishibin 阅读(323) 评论(0) 推荐(0)
摘要:实现效果:点击左侧菜单栏,右侧的iframe显示相应页面,并根据相应页面的高度自适应iframe的高度。兼容测试:ie6.0/chrom/firefox <ul style=" float:left; width:200px; background:red; position:fixed;"> <li><a href="main.aspx" target="frame_content">菜单一</a></li> <li><a href="main2 阅读全文
posted @ 2012-11-12 12:20 ishibin 阅读(556) 评论(0) 推荐(0)
摘要:jQuery零基础学习笔记(一)Q:如何添加jQuery库?A:两种方式。 第一种,从jQuery.com网站上下载名为jQuery.js的库函数到本地,再加载,如下:<head> <script type="text/javascript" src="jquery.js"></script> </head> 第二种,不用在本地存放jQuery库,而是加载google和Microsoft的jQuery的核心文件,如下:<head> <script type="text/javas 阅读全文
posted @ 2012-09-16 10:05 ishibin 阅读(318) 评论(0) 推荐(1)