代码： 代码如下: jQuery.cookie = function(name, value, options) { if (typeof value != undefined) { // name and value given, set cookie options = options || {}; if (value === null) { value = ; options = $.extend({}, options); // clone object since its unexpected behavior if the expired property were changed options.expires = -1; } var expires = ; if (options.expires && (typeof options.expires == n...
在HTML 5中，localstorage是个不错的东西，在支持localstorage的浏览器中， 能持久化用户表单的输入，即使关掉浏览器，下次重新打开浏览器访问，也能读出其值， 下面给出的例子是使用jquery 在每次表单加载的时候，读localstorage的值，而在表单每次提交时则清楚其值的例子 首先是一个表单： 代码如下: HTML5 Local Storage Example HTML5 Local Storage Example 然后是js部分代码： 代码如下: $(document).ready(...
前端开发过程中需要不断学习，不断温习。最近计划白天继续温习jquery，晚上学习下原生javascript，然后利用一些时间做做网站推广SEO来着。计划暂时这些。 白天活干完，弄个jquery仿凡客诚品图片切换的效果 以前写的不是很好，今天重新做个 jquery特效，其实很简单，漠然回首也就那回事。 先来个原型吧,锋利的jquery第一个例子，相信大家都很熟悉。没错，你绝对没看错。 代码如下 代码如下: 第一张 11111111 11111111 11111111 1...
今天用一种简洁的方法toggleClass()实现了隔行换色:代码如下： 代码如下: 隔行换色 body,table,td, { font-family:Arial, Helvetica, sans-serif; font-size:12px; } .h { background:#f3f3f3; color:#000; } .c { background:#ebebeb; color:#000; } 第一种比较复杂的方法： 代码如下: $(function() { $("#table tr").hover(function() { $(this).addClass("h"); },function() { $(this).removeClass("h"); }) $(...
使用jquery动态加载js，css文件 代码如下: $.extend({ includePath: , include: function(file) { var files = typeof file == "string" ? [file]:file; for (var i = 0; i < files.length; i++) { var name = files[i].replace(/^\s|\s$/g, ""); var att = name.split(.); var ext = att[att.length - 1].toLowerCase(); var isCSS = ext == "css"; var tag = isCSS ? "link" : "script"; var attr = isCSS ? " type=text/css re...
由于datagrid接收数据为Json格式，所以我们在前台展示数据的时候会出现问题，尤其是时间格式，在Json序列化之后，前台无法展示正确的时间数据，那么我们如何解决这样的问题呢？首先我们可以使用datapattern.js来解决这个问题：无需废话，直接上代码：代码如下://列表初始化function initTable(searchWhere) {$('#tt').datagrid({url: '/UserInfo/GetAllUserInfos',title: '用户列表',width: 700,height: 400,fitColumns: true,idFi...
layout就是一个布局面板： 也就是布局的容器，有五个布局区域：北部，南部，东部，西部和中心。其中中心区域面板是必需的，但中心区域面板边缘区域面板是可选的。通过拖动它的边框，面板，可以调整每一个边缘地区。可以嵌套的布局，以便用户可以建立复杂的布局。如果想要各个区域中的框架随框架的大小改变，请嵌套到layout框架中； 代码如下: //split属性：如果设置为true将显示一个分隔条，用户可以拖动分隔条来改变布局面...
今天说说这个datagrid框架的基本使用，这个框架一直以来都是大家比较头疼的框架，尤其是Json数据的拼接，后台前台都很重要，使用这个框架，最重要的是仔细：无需废话，上代码了： 代码如下:background: #eee; overflow: hidden;">HTMLPage.htm代码： 代码如下://因为layout框架指向href时，只取html页面body中间的部分，所以该页面这样写即可//有datagrid包含属性较多，所以尽量使用js的方式初始化datagrid框架$(function () {$("#...
struts2中s:radio标签的使用总结 遇到的问题：在使用该标签时，设置了默认选中项，但提交数据返回后，单选框不能显示之前选中的项，仍然为默认选项 通过测试得出以下结论： 以为例 在使用s:radio标签的时候，如果要使该标签默认选中一项，可以通过两种方法 1、通过js代码实现 代码如下: document.getElementsByName(user.sex)[0].checked=true;//默认选中男 2、通过添加value属性 代码如下: 在通过value属性设置单选框的默认选...
般来说，在对一个文件域(input type=”file”)使用了验证后，我们总会希望把文件域中的值给清空了（否则错误的文件仍然会被提交），而在IE中，安全设置的原因，是不允许更改文件域的值的（也就是不能使用val(“”)） 那么很显然，我们就只能换个思路，把这个input元素复制一个，然后将原来的删除。 在IE下复制元素的时候，其中的值是不会被复制的，所以就达到了清空文件域的目的了。 而在Firefox下，其中的值也会被一同复制，那么我...
代码如下: .imgclass { height:200px; width:200px; } .imgclass1 { width:210px; height:210px; } table tr td { width:250px; height:250px; } $(function () { $('#Button1').click(function () { // 获取的是所有类型(tagname)为img的元素 // $('img').show(3000); // $('img').hide(3000); // //获取的是所有class属性的值为“imgclass”的元素 // $('.imgclass').hide(3000); // $('.imgclass').show(3000); // $("#...
代码如下: body{ font-size:13px;} #divFrame{ border:1px solid #666; height:1450px; width:750px; margin:auto;} #divFrame .divHead{ background-color:#eee; padding-top:30px; padding-left:125px; height:28px;} #divFrame .divHead h2{ padding-left:200px} #divFrame .divHead h4{ position:absolute;top:10px; left:730px} #divFrame .divPhoto{ padding-top:60px; padding-left:20px; width:100px; border:0px sol...
代码如下: 内容过滤选择器：根据元素中的文字内容或所包含的子元素特征获取元素，其文字内容可以模糊或绝对匹配进行元素定位 jQuery选择器详解 根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中，在过滤选择器中有可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器6种 标记，并在其中...
本节内容主要介绍的是如何使用jQuery中的.html(),.text()和.val()三种方法，用于读取，修改元素的html结构，元素的文本内容，以及表单元素的value值的方法。jQuery中为我们提供了多种方法用于对元素的HTML结构和元素的文本内容的操作，比如说，你可以给已存在的元素的内部，周围，前面或者后面增加新元素；或者用一个元素替代另一个元素；你也可以读取或者修改一个元素的内容或结构。有时我们就会比较模糊，不知道是给元素增加内容...
jQuery 和其他 JavaScript 框架正如您已经了解到的，jQuery 使用 $ 符号作为 jQuery 的简写。 如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办？ 其他一些 JavaScript 框架包括：MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS。 其中某些框架也使用 $ 符号作为简写（就像 jQuery），如果您在用的两种不同的框架正在使用相同的简写符号，...