11/30~12/6

JQuery事件-target属性

显示哪个DOM元素触发了事件；

---

$("p, button, h1, h2").click(function(event){

  $("div").html("Triggered by a " + event.target.nodeName + " element.");

});

---

对于布局可以说现在是一知半解而已，要去把布局的格式好好学下

 

JQ中

一个功能模块就可以将对应的功能模块写成json对象，将里面的方法写成一个对象，然后对象之间互相调用，获取元素也可以写成一个对象方法。

可以对一个区域直接定义一个事件，然后里面的功能模块可以再判断中去执行

 

NumberObject.toFixed(num)方法可把Number四舍五入为指定小数位数的数字。num必需，规定小数的位数，是0~20之间的值

 

多个页面，有共用的header和footer的话，你一般用什么方法导入?jade模板？ejs？

 

CSS：

border-color:#999 transparent transparent transparent;

border-style:solid dashed dotted dashed

可以作出小三角形的图案出来

 

JS

oncontextmenu='return false' ondragstart='return false'

这条代码加到body标签内，可以使页面无法对右键进行响应

 

◎Math.ceil()执行向上舍入，即它总是将数值向上舍入为最接近的整数；
◎Math.floor()执行向下舍入，即它总是将数值向下舍入为最接近的整数；

◎Math.round()执行标准舍入，即它总是将数值四舍五入为最接近的整数(这也是我们在数学课上学到的舍入规则)。

 

alert(Math.ceil(25.9)); //26

alert(Math.ceil(25.5)); //26

alert(Math.ceil(25.1)); //26

alert(Math.round(25.9)); //26

alert(Math.round(25.5)); //26

alert(Math.round(25.1)); //25

alert(Math.floor(25.9)); //25

alert(Math.floor(25.5)); //25

alert(Math.floor(25.1)); //25

 

 

CSS样式格式学习：

<div class="item"><a href="">兰蔻</a></div>

当出现这种嵌套，为了实现

必须使用这样的CSS样式格式：

.category-module .item:hover a{color: #f10180;}

.category-module a:hover{color: #f10180;text-decoration: underline;}

 

 

jquery代码源中关于hover事件的定义如下：

hover: function( fnOver, fnOut ) {

 return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );

 

}

 

JQ事件-trigger()方法：自动触发被选元素的指定事件类型

 

<p id="mybutton">aaaaaaaaaaaaaaaaaaaaaa</p><script type="text/javascript">

    $(function(){

        var dic=$('#mybutton');

        dic.click(function(e,text){var text="aaa";alert(text);}).trigger("click","您好");

    });

//如果click里面的text的参数是空，那么trigger在页面加载完毕后调用click，并且传入“您好”这个参数给click并且调用，弹出窗口显示您好；如果text在click函数内设置了参数，那么trigger在调用click事件时候就不会传入参数，而是直接调用click并且显示aaa;

 

 

---

//---下面----要好好理解--应用变量的巧妙之处-------

    var allMark = true;

    for(var i=0;i<len;i++)

    {

        if(aput[i].checked==false)//此处循环遍历aput，只要发现有一个不符合条件的，就不能够继续下去；

        {

            allMark=false;

        }

        if(allMark)

        {

            oIn.checked=true;

        }   

        else{

           oIn.checked=false;

        }

    }

    //---------------------------------------