常用的jquery方法（更新中）

目录结构如下：

常用的jquery方法放入utils.js中

---

方法索引：

1.元素水平垂直居中
2. 判断一个元素是否可见
3.正则表达式 替换元素中的文本
4. 判断一个元素是否包含某个class
5. 判断一个元素是否为空
6. 在无序的set中查找一个元素的索引
7. 在元素的 前、后、内、外 插入内容
8. js判断浏览器是否为IE
9. jquery 选择器，模糊匹配
10. 如果想用alert展示js对象，那么需要调用JSON.stringify(data)方法
11. 对cookie进行增删改查

---

1.元素水平垂直居中

不受滚动条影响，始终居中

util中的方法:

// 方法挂載到JQ
// 方法作用：居中
jQuery.fn.center = function () {
  this.css('position','absolute');
  this.css('top', ( $(window).height() - this.height() ) / 2 + $(window).scrollTop() + 'px');
  this.css('left', ( $(window).width() - this.width() ) / 2 + $(window).scrollLeft() + 'px');
  return this;
}

html:

	<div class="center"></div>

css:

.center {
	height: 300px;
	width: 600px;
	background-color: #eee;
}

js:

$(function () {
	$('.center').center();
})

---

2.判断一个元素是否可见

js:

if($("div").is(':visible') == true) {
	alert("div可见")
}

---

3.正则表达式 替换元素中的文本

js:

$(function () {
	var exp = /cxk/;
	$(“div”).html(
		$(this).text().replace(exp,"lzx")
	);
};

---

4.判断一个元素是否包含某个class

js:

if($("div").hasClass(".checked")) {
    // 执行方法
}

---

5.判断一个元素是否为空

js:

if($("div").html()) {
	// 执行方法
}

---

6.在无序的set中查找一个元素的索引

js:

$("ul > li").click(function () { 
    var index = $(this).prevAll().length; 
});

---

7.在元素的 前、后、内、外 插入内容

js:
1.元素（ 内部 开头 ）处插入内容

$('div').prepend(123);

2.元素（ 内部 结尾 ）处插入内容

$('div').append(123);

3.元素（ 外部 开头 ）处插入内容

$('div').before(123);

4.元素（ 外部 结尾 ）处插入内容

$('div').after(123);

---

8.js判断浏览器是否为IE

js:

// 判断是否为IE浏览器
function isIE() {
	if(!!window.ActiveXObject || "ActiveXObject" in window){
		return true;
	}else{
		return false;
　　 }
}

---

9.jquery 选择器，模糊匹配

js：
1,class等于abc的元素

$("div[class='abc']");

2,class以abc开头的元素

$("div[class^='abc']");

3,class以abc结尾的元素

$("div[class$='abc']");

4,class中包含abc的元素

$("div[class*='abc']");

---

10.如果想用alert展示js对象，那么需要调用JSON.stringify(data)方法

js：

alert(JSON.stringify(data));

注意：如果没调用JSON.stringify(data)方法，直接alert（data），将会显示 [object Object]

---

11.对cookie进行增删改查

js：

$.cookie('key'); // 读取 cookie 
$.cookie('key', 'value'); // 存储 cookie 
$.cookie('key', 'value', { expires: 7 }); // 存储一个带7天期限的 cookie 
$.cookie('key', '', { expires: -1 }); // 删除 cookie

---