var arr = [ "one", "two", "three", "four"]; $.each(arr, function(){ alert(this); }); 上面这个each输出的结果分别为：one,two,three,four var arr = [ "aaa", "bbb", "ccc" ]; $.each(arr, function(i,a){ alert(i); // i 是循环的序数 alert(a); // a 是值 }); var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]] $.each(arr1, function(i, item){ alert(item[0]); }); 其实arr1为一个二维数组，item相当于取每一个一...
jquery实现表单根据单选按钮进行字段的动画切换，昨天写的，感觉比起初学时写的js/jquery有了很大进步。。在最大化扩展性的情况下经可能使代码精简。 html代码如下: <div class="control-group"> <label class="control-label">类型：</label> <div class="controls control-row-auto" id="type"> </div> <span class="auxiliary-text"></span> ...
js获取到的数据默认都是string字符串类型的，如果进行数值的运算必须使用parseInt进行转换成数值的操作。 html代码：代码如下: <div id="archive"> <input type="hidden" name="page" value="1" /> </div>js代码：代码如下: $("#archive").bind(click,function(){ var page=$("input[name=page]").val(); //要用parseInt进行数值的运算 $("input[name=page]").val(parseInt(page)+1); });
单页面网页内容较多，页面长度较大，需要方便快速的在页面的不同位置进行定位，所以浮动菜单逐渐流行了起来，如下图 男装、女装、美妆等。这种菜单功能分为两部分： 1、点击菜单项，网页滚动到对应位置，可简单通过锚点实现； 2、滚动页面的时候，菜单项的选中状态要跟着改变，这就需要监听网页的滚动事件并通过一点计算来实现了；计算 scrollTop 和 各个 div 的 offsetTop 的大小关系，判断现在网页显示的位置在什么地方，再根据计...
（1）基本对象获取$("*") 获取所有对象 $("#element") 获取id为element的对象等同于document.getElementById（“element”）； $(".abc") 获取class为abc的对象 $("div") 获取html中所有的div元素 $("#a，.b，p") 获取id为a和class为b以及所有p元素 $("#a .b p") 获取id为a并且class为b元素下的p元素 （2）层级对象获取 $("div>input") 获取div下所有input对象 $("div+h") 获取紧跟在div后的一个h元素 $("div~p") 获取在元素div之后...
Jquery1.9版本中$.browser已被剔除： 判断浏览器类型： 代码如下:$.browser.mozilla = /firefox/.test(navigator.userAgent.toLowerCase()); $.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase()); $.browser.opera = /opera/.test(navigator.userAgent.toLowerCase()); $.browser.msie = /msie/.test(navigator.userAgent.toLowerCase()); 等号后面的表达式返回的就是 true/false， 可以直接用来替换原来的 $....
代码如下:<script src="jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { var ping = ; switch ($(#Select3 option:selected).text()) { case 图片: ping += <img; break; case 文本框: ping += <input type=text; break; case 按钮: ping += <input type=button; break; } $(#attrzhi).blur(function () { ping += ; ping += $(#Select2 option:selected).text(); ping += =...
代码如下:<SPAN style="FONT-SIZE: 18px">表单类失去焦点的效果</SPAN> 代码如下:<script type="text/javascript"> $(function(){ $(":input").focus(function(){ //此处可获取各种表单如（：text/:button） $(this).addClass("focusa"); if ($(this).val()==this.defaultValue){ $(this).val(""); } }).blur(function(){ $(this).removeClass("focusa"); if ($(this).val()==""){ $(this).val(this.defaultValue); } }); }); </...
代码如下:<!DOCTYPE HTML> <html> <head> <title>test</title> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> </head> <body> <div style="height:300px;background-color:red;" id="red"> <div style="height:200px;background-color:green;" id="green"> </div> </div> </body> </html> 在上面的HTML中，red元素是green元素的父元素。 代码如下:$(function(){ $("#green").click(function(event){ aler...
Jquery中利用navigator.userAgent.indexOf来判断浏览器类型，并进行了一下处理，建议学习Jquery的朋友学习下，了解一下思路。 主要使用的方法:$.browser.['浏览器关键字'] 代码如下:$(function() { if($.browser.msie) { alert("this is msie"); } else if($.browser.safari) { alert("this is safari!"); } else if($.browser.mozilla) { alert("this is mozilla!"); } else if($.browser.opera) { alert("this is opera"); } el...
尤其是在当今各种浏览器满天飞（据说仅以IE为内核的浏览器就有200种之多）。 小弟今天写了个基于jQuery的插件扩展，主要用于识别浏览器内核与外壳的类型和版本。可识别各种浏览器的内核，并已经支持多种国内主流浏览器。 费话不多说，上我的JavaScript代码：（文件名：jquery.browsertype-1.0.js） 代码如下:/** * jQuery插件开发方法二：第一步：插件定义 */ jQuery.myPlugin = { //获得浏览器的内核与外壳的类型和版本 ...
首先定义了 全局变量class2type = {}; rdigit = /\d/,//正则判断是否是数字 toString = Object.prototype.toString; 通过jQuery.each，定义class2type的属性和值： 代码如下: jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) { class2type[ "[object " + name + "]" ] = name.toLowerCase(); }); type: function( obj ) { return obj == null ?String( obj ) :clas...
代码如下:class2type = {}; toString = Object.prototype.toString; type: function( obj ) { return obj == null ? String( obj ) : class2type[ toString.call(obj) ] || "object"; }, isFunction: function( obj ) { return jQuery.type(obj) === "function"; }, isArray: Array.isArray || function( obj ) { return jQuery.type(obj) === "array"; }, // A crude way of determining if an object is a window isWindow: func...
代码如下:var regexEnum = { intege:"^-?[1-9]//d*$", //整数 intege1:"^[1-9]//d*$", //正整数 intege2:"^-[1-9]//d*$", //负整数 num:"^([+-]?)//d*//.?//d+$", //数字 num1:"^([1-9]//d*|0)$", //正数（正整数 + 0） num2:"^-[1-9]//d*|0$", //负数（负整数 + 0） decmal:"^([+-]?)//d*//.//d+$", //浮点数 decmal1:"^[1-9]//d*.//d*|0.//d*[1-9]//d*$", //正浮点数 decmal2:"^-([1-9]//d*.//d*|0.//d*[1-9]//d*)$", //负...
jQuery获取浏览器类型和版本号的方法在好多场合都会用到，大家可以看看，jQuery基础差点的还可以用来学习学习jQuery知识哦！上代码演示：$(document).ready(function(){ varbrow=$.browser; varbInfo=""; if(brow.msie){bInfo="MicrosoftInternetExplorer"+brow.version;} if(brow.mozilla){bInfo="MozillaFirefox"+brow.version;} if(brow.safari){bInfo="AppleSafari"+brow.version;} if(brow.opera){bInfo="Opera"+brow.version...