[转载]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 {

                    }
                }
            }
        }

 

posted on 2017-12-15 17:39  New_q  阅读(126)  评论(0编辑  收藏  举报

导航