jquery使用技巧

removeAttr("class"):移除它的class，class不存在；
siblings():找出所有同辈元素，不包含自己；
而next():找出自己下面的同辈元素，也不包含自己；
.bind():绑定多个事件
slideToggle("fast"):点击显示，点击又隐藏


attr():给元素里面添加属性
$("span").attr({'title':"你好"}) <span title="nihao "></span>


addClass("")添加元素的类样式


transition:all 0.2s;
transform:scale(1.1,1.1);等比例放大缩小






$(function() {
//1）选择器（重点）
// $('body')、$('#id')、$('.class')、$('.area li')、$('选择器').筛选()

//2）jQuery对象和DOM对象
// 能调用jQuery方法和属性的对象就是jQuery。  
// $('#id')[0]/.get(0)
// $(document).height()、$(window)

// 3）属性和css操作
// console.info('attr:' + $('#check').attr('checked'));
// prop这个方法在v 1.6以后才出现
// console.info('prop:' + $('#check').prop('checked'));


// 4）文档操作


// 5）jQuery工具方法
// 对象合并
//var settings = { validate: false, limit: 5, name: "foo" };
//var options = { validate: true, name: "bar" };
//jQuery.extend(settings, options);
// 数组筛选
// $.grep( [0,1,2], function(n,i){
//  return n > 0;
// });
// 判断某个值在数组中的位置
//var arr = [ 4, "Pete", 8, "John" ];
//jQuery.inArray("John", arr);  //3
//jQuery.inArray(4, arr);  //0
//jQuery.inArray("David", arr);  //-1
//jQuery.inArray("Pete", arr, 2);  //-1
// 删除数组中重复元素
// console.info($.unique([1,2,3,1,3,13]));
// 去除前后空格
// console.info($.trim(' a b c ').length);

// 6）AJAX（重点）

// 7）jQuery插件机制
// 插件调用有两种方式：
// a）$.cookie()，静态方法调用形式（Math.random()）
/*
var arrays = [23,4,234,23,4,123,4,1234,123];
var result = $.sort({
arrays: arrays,
sortMethod : 'desc',
});
console.info(result);
*/
// b）$('.container').fullpage()，实例方法调用形式（new Date().getFullYear()）
//console.info($('#btn1').styles('font-size'));
//$('button').styles({
// background: 'red',
// 'font-size': '24px',
// color: 'white',
// 'font-weight': 'bolder',
//});
$('button').styles('background', 'red').styles('font-size', '28px').styles('color', 'white');


// 8）多库共存机制
// prototype.js  $
// jquery.js     $
// $(选择器) / jQuery(选择器)
//var j = jQuery.noConflict();
//// 基于 jQuery 的代码
//j("div p").hide();
//// 基于其他库的 $() 代码
//$("content").style.display = 'none';
})