[转载]JQ小知识
//javaScript 内置对象有Array、String、Math和Date;
//getMonth()方法能返回Date对象的月份,其值为0~11,
//getDay()方法能返回Date对象的星期中的每一天,其值为0~6,
//getYear()方法返回2位或4位年份,常用于获取年份getFullYear()。
//getDate()方法可返回月份的某一天
// 浏览器前进和后退的功能按钮
//history对象的前进后退方法,back()表示后退,等同于go(-1),forward()表示前进,等同于go(1);
// Math方法的运用
//Math.ceil(21.5)进行的向上舍入结果为22
//Math.round(21.5)把数四舍五入到最近接近的数结果为22
//Math.random()返回0~1中的随机数包括0但不包括1
//Math.floor(21.5)返回的是21
//基本选择器
//:first选取第一个元素;//$('div:first')选取第一个<div>
//:last选取最后一个元素;//$('div:last')选取最后一个<div>
//:not(选择器)选取不满足"选择器"条件的元素;//$('div:not')选取不是<div>元素
//$('input:not(.myClass)')选取样式名不是myClass的<input>
//:even选取索引是偶数的元素;
//:odd选取索引是奇数的元素;
//:eq(索引序号)选取等于;
//:gt(索引序号)选取大于;
//:lt(索引序号)选取小于;
//JavaScript数据类型
//Number(数字),取值:所有数字,包含整数小数等,范围相当于double;
//Undefined(未定义),取值:只有一个值undefined;
//Null(空对象),取值:只有一个值null;
//Object(对象类型),取值:任何对象,Array,function等等;
//以上数据类型,除Object外其他都是基本类型,Object是引用类型;
// 鼠标
//获得发生事件时鼠标的位置
//$(doucument).mousemove(function(e){
// document.title=e.pageX+","+e.pageY;
// });
//在mousemove、click等事件的匿名响应函数中如果指定一个参数e,那么
//就可以从e读取发生事件是的一些信息,比如对mousemove等鼠标事件来说,就可以读取e
//pageX、e.pageY来获得发生事件时鼠标在页面的坐标。
//表单选择器
//$(':input')选取所有<input>,<select>和<button>元素
//$('input')不一样,$('input')只获得<input>
//$(':text')选取所有的单行文本框
//$(':password')选取所有的密码框
//Cookie使用
//使用方法Cookie保存的是键值对
//添加对jQuery.cookie.js
//设置值,$.cookie('名字','值').cookie保存的值都是文本
//读取值,var v=$.cookie('名字');
//alert($.cookie('用户名'));
//$.cookie('用户名','tom');在同域名的另外一个页面也能读取到;
$(function () {
$(".priv_mianr").hover(
function () {
$(this).find("a").css("color", "#fff");
},
function () {
$(this).find("a").css("color", "#ff");
}
);
});
//Div居中
function Demo01() {
var oMain = document.querySelector('#PopShow');
oMain.style.position = 'absolute';
//JS 水平居中方法: 将浏览器可视区的宽度(clientWidth) -减去 要居中元素本身的宽度(offsetWidth) /除以 2 +'px'
oMain.style.left = (document.documentElement.clientWidth - oMain.offsetWidth) / 2 + 'px';
//JS 垂直居中方法: 将浏览器可视区的高度(clientHeight) -减去 要居中元素本身的高度(offsetHeight) /除以 2 +'px'
oMain.style.top = (document.documentElement.clientHeight - oMain.offsetHeight) / 2 + 'px';
}
//显示二维码
function d(obj) {
$("#Image1").attr('src', obj)
$("#PopShow").show();
var oMain = document.querySelector('#PopShow');
oMain.style.position = 'absolute';
//JS 水平居中方法: 将浏览器可视区的宽度(clientWidth) -减去 要居中元素本身的宽度(offsetWidth) /除以 2 +'px'
oMain.style.left = (document.documentElement.clientWidth - oMain.offsetWidth) / 2 + 'px';
//JS 垂直居中方法: 将浏览器可视区的高度(clientHeight) -减去 要居中元素本身的高度(offsetHeight) /除以 2 +'px'
oMain.style.top = (document.documentElement.clientHeight - oMain.offsetHeight) / 2 + 'px';
}
//简单切换
function Demo02() {
var PageIndex = 0;
var PageSize = 1;
var Record = 0;
function PageChange(obj, action) {
if (action == "before") {
Record = obj.next().find('dl').size();
PageIndex = parseInt($(obj).attr("data-index"));
if (PageIndex >= 0) {
PageIndex = PageIndex == 0 ? 0 : PageIndex - 1;
$(obj).attr("data-index", PageIndex);
$(obj).next().next().attr("data-index", PageIndex);
for (var i = PageIndex * 1; i < PageIndex * 1 + 1; i++) {
$(obj).next().children("dl").eq(i).show();
}
}
else {
}
}
else if (action == "next") {
Record = obj.prev().find('dl').size();
PageIndex = parseInt($(obj).attr("data-index"));
if ((PageIndex + 1) * PageSize < Record) {
for (var i = PageIndex * 1; i < PageIndex * 1 + 1; i++) {
$(obj).prev().children("dl").eq(i).hide();
}
PageIndex += 1;
$(obj).prev().prev().attr("data-index", PageIndex);
$(obj).attr("data-index", PageIndex);
}
else {
}
}
}
}