【JQuery中serialize()序列化_javascript技巧】教程文章相关的互联网学习教程文章

JavaScript1.6数组新特性介绍以及JQuery的几个工具方法_javascript技巧

JavaScript 1.6 引入了几个新的Array 方法,具体的介绍见:New in JavaScript 1.6 。这些方法已经被写进了ECMA262 V5。现代浏览器(IE9/Firefox/Safari/Chrome/Opera)都已经支持,但IE6/7/8不支持。jquery的工具方法中提供了类似的功能。 1、Array.forEach()和jquery的$().each()。在数组中的每个项上运行一个函数。类似java5 增强的for循环。 代码如下:var ary = [2,4,6,8]; // js1.6 Array.forEach方法 ary.forEach(function(i)...

一个js导致的jquery失效问题的解决方法_javascript技巧

搞网站开发,最头疼的是js问题,倒不是php程序开发,前端的页面,js真是太让人折腾了,特别是js,你根本不知道哪里就会出问题,各种兼容也要兼顾,不像写程序,你只关心功能如何实现,逻辑怎么写。js文件一个出问题,就影响其他js的运行,今天就遇到一个很纠结的东西,一个js导致的莫名其妙的问题。 这个js是一个增强页面效果的功能,但是用了它,jquery在有的页面可以用,有的页面就失效了,用firefox的firebug调试,发现在有的页...

Jquery切换不同图片示例代码_javascript技巧

代码如下: #sidebar div#live_chat a { background: url("scroll/live_chat1.jpg") ; height: 76px; } #sidebar div#live_chat a:hover { background: url("scroll/live_chat2.jpg") ; } #sidebar div#customer_survey a { background: url("scroll/survey1.jpg") ; height: 75px; } #sidebar div#customer_survey a:hover { background: url("scroll/survey2.jpg"); } #sidebar div#newsletter_sign a { background: url("scroll/...

多个jquery.datatable共存,checkbox全选异常的快速解决方法_javascript技巧

【问题原因】 这个应该是 jquery.datatable 控件本身的一个缺陷。该控件中的checkbox小插件的 id是写死的,所以当 有多个datatable 引用到一个页面中的时候,全选事件会匹配全部的datatable ,所以造成全部多个表格的 checkbox被都被选中。 【解决方法】 所以最好是修改jquery.datatable控件,给生成的每个datatable下的checkbox赋 予不同的id,因为datatable的id是不一样的,所以可以把 datatable的id作为 checkbox的前缀组成一...

jquery获取URL中参数解决中文乱码问题的两种方法_javascript技巧【图】

从A页面通过url传参到B页面时,解析url参数可以用下面两种方法: 方法一:正则分析法 代码如下: function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; } 这样调用: 代码如下: alert(GetQueryString("参数名1")); alert(GetQueryString("参数名2")); alert(GetQueryStrin...

js与jQuery获取父窗、子窗的iframe_javascript技巧

在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1、 格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementByIdx_x("btnOk").click(); 2、 格式: var obj=document.getElementByIdx_x("iframe的name").contentWindow; var ifmObj...

JS对象转换为Jquery对象实现代码_javascript技巧

代码如下: $(document.getElementsByTagName("a")).each(function () { if ($(this).text() == "jquerys") { $(this).addClass("navTitle"); } });

js/jQuery简单实现选项卡功能_javascript技巧

第一种方法是用原生的js代码如下: 代码如下: 简单选项卡 body,ul,li{margin:0;padding:0;} body{font:12px/1.5 Tahoma;} #outer{width:450px;margin:10px auto;} #tab{overflow:hidden;zoom:1;background:#000;border:1px solid #000;} #tab li{float:left;color:#fff;height:30px;cursor:pointer;line-height:30px;list-style-type:none;padding:0 20px;} #tab li.current{color:#000;background:#...

css3元素简单的闪烁效果实现(html5jquery)_javascript技巧

css3 Animation: 代码如下: @-webkit-keyframes twinkling{ /*透明度由0到1*/ 0%{ opacity:0; /*透明度为0*/ } 100%{ opacity:1; /*透明度为1*/} }Jquery : 代码如下:$(element).css({"-webkit-animation":"twinkling 1s infinite ease-in-out"}); //在对象element中添加闪烁动画也可以在css样式里添加如下: 代码如下: #element{-webkit-animation: twinkling 1s infinite ease-in-out; }注:...

jQuery拖拽&弹出层介绍与示例_javascript技巧【图】

iDrag & iDialog 介绍特点:iDialog.js依赖于jquery编写的简单易用的对话框,同时还可以通过添加css3,改变对话框的展现动画。提供了两个方法: ?1、拖拽函数 iDrag() 或 $.drag();?2、对话框函数 iDialog() 或 $.dialog(); 跨平台兼容:兼容:IE6+、Firefox、Chrome等主流浏览器(其它暂时没条件测试)。并且IE6下也能支持现代浏览器的静止定位(fixed)、覆盖下拉控件。 渐进增强的体验:确保IE家族功能完善的前提下,现代浏览器适当的...

jquery对单选框,多选框,文本框等常见操作小结_javascript技巧【图】

一、文本框、单选按钮、复选框、相关操作 代码如下:var sex=$("input[name=sex]:checked").val(); //获取一组radio被选中项的值 var item=$("#sel option:selected").text(); //获取select被选中项的文本 var option_num=$(#sel).val(); //获取select项目索引 $("#sel")[0].selectedIndex =1; //select下拉框的第二个元素为当前选中值 $("input[name=sex]").get(1).checked=true; /...

jquery操作下拉列表、文本框、复选框、单选框集合(收藏)_javascript技巧【图】

各种对下拉列表、文本框、复选框、单选框的jquery的相关操作。做为记录和收藏的最好方法。 遍历option和添加、移除optionfunction changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } }); }else{ $("UPS Ground").appendTo($("select[@name=ISHIPTYP...

原生js和jquery中有关透明度设置的相关问题_javascript技巧

在日常开发的网站中,常常会用到设置透明度问题,最简单的就是图片的淡入淡出效果。下面我介绍一下在原生js和jQuery中设置透明度的相关问题和注意点: 1 透明度样式设置 透明度在IE浏览器和其他相关浏览器中的设置方法不太相同,IE使用filter:alpha属性,firefox使用opactiy属性,下面示例设置透明度为30%: IE:filter: alpha(opacity:30); firefox:opacity(0.3); 2 原生js设置透明度 为了兼容IE与其他浏览器对透明度的设置,...

js/jquery解析json和数组格式的方法详解_javascript技巧【图】

在解析之前,我们必须弄清楚几个概念:数组,关联数组以及json之间有哪些区别和联系点? 一.概念介绍1.数组 语法: ECMAScript v3规定了数组直接量的语法,JavaScript 1.2和JScript 3.0实现了它。可以把—个用逗号分隔的表达式列表放在方括号中,创建并初始化—个数组。这些表达式的值将成为数组元素。例如: var a = [1, true, abc]; 具体操作查看API. ps:必须方括号隔开。 2.关联数组 1.语法:var myhash= {”key1″:”val1″, “...

js与jquery获取父级元素,子级元素,兄弟元素的实现方法_javascript技巧

先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 原生的JS获取ID为test的元素下的子元素。可以用: 比如:var a = docuemnt.getElementById("dom").getElementsByTagName_r("div"); 这样是没有问题的 此时a.length=3; 但是我们现在换一种方法获取就是我上章提到的var b = document.getElementByIdx_x("dom")....

序列化 - 相关标签