validata.htm 代码如下:<!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=gb2312" /><!-- TemplateBeginEditable name="doctitle" --><title>无标题文档</title><script src="lib/jquery.js" type="text/javascript"></script><script...
如下所示： 代码如下:$("#btn5").click(function() { var str=""; $("[name='checkbox'][checked]").each(function() '用来获取数组{ str+=$(this).val()+","; '用来遍历数组 //alert($(this).val()); })
代码如下:<!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=gb2312" /><title>jQuery公告文字左右滚动效果-www.gxlcms.com</title><style type="text/css"> #scrollText { width: 400px; margin-right: auto; margin-left: a...
代码如下:(function($) { var defaults = { bugColor: #FFCCCC, //数据有误的时候文本框颜色 color: white, //数据正确时候文本框颜色 type: "alert", //数据错误时候提示方式 alert 弹出框方式 text 赋值span html msg: "Msg", //数据有误的时候提示内容 ResOjId: no// 当test方式的时候 被赋值的标签 #id }; function UiProcess(options, rexString, object) { var options ...
代码如下:<!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><title>jquery实现多级下拉菜单-柯乐义</title><style>/* navigation style */#keleyi-com-nav{height: 39px;font: 12px Geneva, Arial, Helvetica, sans-serif;background: #2D2D2D;border: 1px solid #323232; border-radius: 3px;mi...
一、ready函数的实现经常用jQuery类库或其他类库中的ready方法，有时候想想它们到底是怎么实现的，但是看了一下jQuery中的源码，涉及到的模块比较多，(水平有限)代码比较难看懂；自己结合了一些书籍内容，总结一下。先说一下ready函数的实现思路：变量ready通过表达式赋值，右侧为一个自执行匿名函数，在这个匿名函数中，首先为各个浏览器的事件绑定处理函数，并为isReady赋值(根据事件异步处理程序来确定)，然后返回一个传参闭包，...
email地址验证代码如下:function checkEmail(){ var email=$.trim($("#report_email").val()); if(email == ""){ $("#report_email").next(p).html("*请输入邮箱地址!"); return false; } var re = /^([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/ig; if(!re.test(email)){ $("#report_email").next(p).html("*邮箱地址格式错误!"); retu...
代码如下:(function ($) { var types = [DOMMouseScroll, mousewheel]; $.event.special.mousewheel = { setup: function () { if (this.addEventListener) { for (var i = types.length; i;) { this.addEventListener(types[--i], handler, false); } } else { this.onmousewheel = handler; } }, ...
如图： 代码如下:<html> <head> <meta charset="utf-8"/> <style> li{list-style:none;float:left;margin-right:10px;border:1px solid #AAAAAA} #tooltip{position:absolute;} </style> <script type="text/javascript" src="./script/jquery-1.4.2.min.js"></script> <script> $(function(){ var x = 10; var y = 20; $("a.tooltip").hover(function(){ var title = this.title; $("a.tooltip").attr("newTitle",this.title); t...
代码如下:setTimeout("document.getElementById('qq_dd').style.display='block'; ",5000);// JavaScript Document$(function(){ if($.browser.msie&&$.browser.version=="6.0"&&$("html")[0].scrollHeight>$("html").height()) $("html").css("overflowY","scroll"); $("html").css("overflowX","hidden");});function right_down(){document.writeln("<div id='qq_dd' class='foot_scroll' style='display:none...
jQuery提供了强大的val()方法来处理value相关操作。获得单个select的值和多选select的值。 代码如下:HTML 代码:<p></p><br/><select id="single"> <option>Single</option> <option>Single2</option></select><select id="multiple" multiple="multiple"> <option selected="selected">Multiple</option> <option>Multiple2</option> <option selected="selected">Multiple3</option></select>jQuery 代码:$("p").append( "<...
有如下代码： 代码如下:<div id="oDiv"><ul id="oUl"><li>第1个li元素</li><li>第2个li元素</li><li>第3个li元素</li><li>第4个li元素</li><li>第5个li元素</li><li>第6个li元素</li><li>第7个li元素</li><li>第8个li元素</li></ul></div>但是页面只显示前5个li(相关css不做赘述)，想要循环显示li里面的内容就是在制定的时间将ul向上移动li的高度，于此同时将第一个li加到ul中li的末尾。 代码如下： 代码如下:function autoScro...
代码如下:<script type="text/javascript">jQuery(".fullSlide").hover(function() { jQuery(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)},function() { jQuery(this).find(".prev,.next").fadeOut()});jQuery(".fullSlide").slide({ titCell: ".hd ul", mainCell: ".bd ul", effect: "fold", autoPlay: true, autoPage: true, trigger: "click", startFun: function(i) { ...
适用浏览器：ie6、ie7、ie8、360、firefox、chrome、safari、opera、傲游、搜狗、世界之窗.主要代码如下： 代码如下: <script type="text/javascript"> jquery(".slider .bd li").first().before( jquery(".slider .bd li").last() ); jquery(".slider").hover(function(){ jquery(this).find(".arrow").stop(true,true).fadein(300) },function(){ jquery(this).find(".arrow").fadeout(300) }); jquery(".slider").slide( { t...
代码如下: $("#focus .input_txt").each(function(){ var thisVal=$(this).val(); //判断文本框的值是否为空，有值的情况就隐藏提示语，没有值就显示 if(thisVal!=""){ $(this).siblings("span").hide(); }else{ $(this).siblings("span").show(); } //聚焦型输入框验证 $(this).focus(function(){ $(this).siblings("span").hide(); }).blur(function(){ var val=$(this).val(); if(val!=""){ $(this).siblings("...