zoukankan      html  css  js  c++  java
  • [转载]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 {

                        }
                    }
                }
            }

  • 相关阅读:
    收银钱箱弹出设置
    IOS4.0 实例练习时钟
    mysql 日期查询操作 copy
    ios 学习笔记 2
    SVN 不能移动 xx\entries 到 xx\entries
    做一个基于PHPCMS V9架构的商城
    基于JDBC API 的事务管理代码示例
    mysql 数据类型
    Discuz!NT CreditsOperationType
    spring 事务传播行为
  • 原文地址:https://www.cnblogs.com/LD1018/p/8044198.html
Copyright © 2011-2022 走看看