随笔分类 - JavaScript&JQuery
摘要：解决jQuery和其他库的冲突当把jQuery和其他JavaScript库（例如Prototype、MooTools或YUI）一起使用时$("form :input").size()获取所有,,和元素$("form input").size()只获取input标签的元素$("input[name='check']:checked")获取name='check'选中的元素属性选择器中包含”#”和“.”等特殊字符，需要使用转义符转义。比如id=”id#b” $(“#id\\#b”)id=”id[1]” $(
阅读全文
摘要：今天要做一个产品展示功能，由于产品比较多，一屏展示不完，所以想要做一个通过点击进行翻页的效果，在网上找了几个都不大好用，最后只能自己动手写了。效果如下所示：原理比较简单：将要滚动显示的区域的CSS的override设为hidden，宽度设成一个比较大的值，如4000px,然后每次点击上一页或下一页的按钮时，计算当前页数，如果已经到了最后一页，则回到第一页，滚动是通过控制div的left属性实现的，需要两个div，外面的div的position设为retative，里面的DIV的position设为absolute。主要代码如下：arrow产品展示数据采集移动终端数据采集移动终端数据采集移动终端
阅读全文
摘要：1.判断checkbox是否选中 $("#aa").prop("checked")==true2.给属性赋值 $("#aa").prop("checked",true) $("#aa").prop("readonly",true) $("#aa").prop("disabled",true)prop()只能返回true和false,对于一般bool类型使用prop，否则使用attr$("#aa").removePro
阅读全文
摘要：1，总是从ID选择器开始继承在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。例如有一段HTML代码：<div id="content"> <form method="post" action="#"> <h2>交通信号灯</h2> <ul id="traffic_light"> <li><input type="radio" class="
阅读全文
摘要：function compareTime(a,b) { /// <summary> /// 比较时间大小 /// a>b 返回false，a<b 返回true /// </summary> /// <param name="a"></param> /// <param name="b"></param> /// <returns type=""></returns> var arr=a.split("-");
阅读全文
摘要：JSON返回时间格式为UTC： /Date(1294829766816)/格式化为：2011-01-12function changeDateFormat(cellval) {/// <summary>/// 改变时间格式/// </summary>/// <param name="cellval"></param>/// <returns type=""></returns> var date = new Date(parseInt(cellval.replace("/D
阅读全文
摘要：1.<script src="@Url.Content("~/Scripts/ajaxfileupload.js")" type="text/javascript"></script> <link href="@Url.Content("~/Content/css/jquery.Jcrop.css")" rel="stylesheet" type="text/css" /> <script src="@U
阅读全文
摘要：<div class="area"> <p> 还可以输入<b class="num">140</b>字</p> <textarea class="chackTextarea"></textarea> </div> <script type="text/javascript"> var txtobj = { divName: "area", //外层容器的class textareaName
阅读全文
摘要：匹配中文字符的正则表达式： [u4e00-u9fa5] 评注：匹配中文还真是个头疼的事，有了这个表达式就好办了 匹配双字节字符(包括汉字在内)：[^x00-xff] 评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1） 匹配空白行的正则表达式：ns*r 评注：可以用来删除空白
阅读全文
摘要：//加入收藏function AddFavorite(sURL, sTitle) { try { window.external.addFavorite(sURL, sTitle); } catch (e) { try { window.sidebar.addPanel(sTitle, sURL, ""); } catch (e) { alert("加入收藏失败，请使用Ctrl+D进行添加"); } }}//设为首页function SetHome(obj, vrl) { try { obj.style.behavior = 'url(#defa
阅读全文
摘要：下面这个网址就帮咱们实现了QQ提醒的功能，别被它的外面吓坏，虽然是长的有点恶心，但是它可是一段“神奇代码”。http://qzs.qq.com/snsapp/app/bee/widget/open.htm?content=15%E5%A4%A9%E5%B8%A6%E4%BD%A0%E4%BB%8Ec%23%E5%9F%BA%E7%A1%80%E5%88%B0%E4%BA%BA%E4%BA%8B%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F%E5%BC%80%E5%8F%91%E3%80%82&time=2012-12-03%2019%3A30&adva
阅读全文
摘要：自定义一个扩展js程序：jQuery.extend(jQuery, { // jQuery UI alert弹出提示 jqalert: function(text, title, fn) { var html = '<div class="dialog" id="dialog-message">' + ' <p>' + ' <span class="ui-icon ui-icon-circle-check" style="float: left; marg
阅读全文
摘要：HTML首先在html页面的head中引入jQuery库文件和QQ表情插件jquery.qqFace.js文件。<script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src="jquery.qqFace.js"></script> 然后在body中加入以下html代码：<div id="show">
阅读全文
摘要：本文将以淘宝网商品详情的简易导航为例，和大家一起分享通过jQuery和CSS实现页面元素（要浮动的层）智能定位的效果。实现过程Js侦听滚动事件，当页面滚动的距离（页面滚动的高度）超出了对象（要滚动的层）距离页面顶部的高度，即要滚动的层到达了浏览器窗口上边缘时，立即将对象定位属性position值改成fixed（固定）。同时为了有个好点的体验效果，可以将对象的样式设置阴影效果以便更好的区分浮动层与页面内容主体。这里需要注意的是，老前辈IE6不支持fixed，那就只能使用absolute来代替，但是这样会有一个问题，将会导致在IE6下看不到平滑效果。我们可以通过window.XMLHttpRequ
阅读全文