jQuery的ajax提交方式，简单实用

$.ajax({
  url: 'http://www.dou56.com', //地址
  type: 'POST', //提交类型
  dataType: 'json', //提交数据类型
  data: ({}), //数据
  cache: false, //是否缓存
  success: function(json){
        //成功返回的相关操作
  }
 }); 

Tags: jQueryjQuery ajaxajax

用了下jQuery的验证插件Validate，很好很强大，还可以扩展

基本验证示例：

 $('form').validate({
 rules: {
  title: {
   required: true
  }
 },
 messages: {
  title: {
   required: '标题不能为空！'
  }
 },
 onkeyup: false
});
 

Tags: jQueryjQuery ValidateValidate

又是jQuery啦！！自己写的获取一定范围内多选框的值，返回值为数组，初步完善

/**
 * 获取一定范围内ID，返回数组
 * param.name 对象名称
 * param.range 选取的范围
 * get_ids({
  name: 'ids[]',
  range: 'myform'
 })
 */
function  get_ids(param)
{
 var ids = [];

 if(typeof(param.range) == 'object'){
  param.range = $(param.range);
 }else{
  param.range = $('#'+param.range);
 }

 if(param.name == undefined){
  param.name = 'ids[]';
 }

 $("input[name='"+param.name+"']", param.range).each(function(){
  if($(this).attr("checked")==true){
   ids.push(this.value);
  }   
 });
 
 return ids;
}

Tags: jQueryjQuery

因工作的需要，写了一个基于jQuery全选的函数，不足之处还有待完善

/**
 * 全选
 * param.range:选取的范围
 * param.element:多选按钮对象(需在页面定义一个操作全选按钮),未定义默认为:ChkAll
 * param.name:要选取多选框名称
 * check_all({
  name:'ids[]',
  element:'ChkAll',
  range:'myform'
 })
 */
function check_all(param)
{
 if(typeof(param.range) == 'object'){
  param.range = $(param.range);
 }else{
  param.range = $('#'+param.range);
 }

 if(param.element == undefined){
  param.element = $('#ChkAll');
 }else{
  if(typeof(param.element) == 'object'){
   param.element = $(param.element);
  }else{
   param.element = $('#'+param.element);
  }
 }
 
 if(param.element.attr('checked')==true){
  $("input[name='"+param.name+"']", param.range).each(function(){
   $(this).attr('checked', $(this).attr('checked')==true?false:true);
  });
 }else{
  $("input[name='"+param.name+"']", param.range).each(function(){
   $(this).attr('checked', false);
  });
 }
}

Tags: jQueryjQuery

1980版的太极张三丰，绝对是经典啊！！

Tags: 张三丰张三丰

jQuery弹出插件jqModal，非常实用

网址：http://dev.iceburg.net/jquery/jqModal

Functions

jqm
    Initialize element(s) to be used as a jqModal. Accepts a parameters object. If element(s) are already initialized, the call will update their parameters.

    $('#dialog').jqm();
    $('.dialogs').jqm({ajax:'@href',modal:true});
jqmShow
    Show jqModal element(s).

    $('#dialog').jqmShow();
    $('.dialogs').jqmShow();
jqmHide
    Hide jqModal element(s).

    $('#dialog').jqmHide();
    $('.dialogs').jqmHide();
jqmAddTrigger
    Adds the passed element(s) as a "show" trigger. Clicking them will show the jqModal. Accepts;

        * (string) A jQuery Selector
        * (object) A jQuery Collection
        * (object) A DOM element

    $('#dialog').jqmAddTrigger('.openDialog');
    $('.dialogs').jqmAddTrigger($('#openDialogs a'));
jqmAddClose
    Adds the passed element(s) as a "close" trigger. Clicking them will hide the jqModal. Accepts;

        * (string) A jQuery Selector
        * (object) A jQuery Collection
        * (object) A DOM element

    $('#dialog').jqmAddClose('.hideDialog');
    $('.dialogs').jqmAddClose($('#hideDialogs a'));

查看更多...

Tags: jQueryjQuery jqModaljqModal

在制作网站布局中，图片的自适应功能是一个非常重要的功能，一般的用处是来防止图片撑开容器而对图片的尺寸进行必要的控制。有一个比较简单的方法来实现：

div img {
max-width:600px;
width:600px;
width:e­xpression(document.body.clientWidth>600?"600px":"auto");
overflow:hidden;
}

max-width:600px; IE7、FF等其他非IE浏览器下最大宽度为600px。但在IE6中无效。
width:600px; 在所有浏览器中图片的大小为600px;
当图片大小大于600px，自动缩小为600px。在IE6中有效。
overflow:hidden; 超出的部分隐藏，避免控制图片大小失败而引起的撑开变形。

查看更多...

Tags: CSSCSS IEIE

/* mozilla.org Base Styles
* maintained by fantasai
* (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup)
*/
/* Suggested order:
//显示属性
* display
* list-style
* position
* float
* clear
//自身属性
* width
* height
* margin
* padding
* border
* background
//文本属性
* color
* font
* text-decoration
* text-align
* vertical-align
* white-space
* other text
* content
*
*/

查看更多...

Tags: MozillaMozilla CSSCSS