码迷,mamicode.com
首页 > 其他好文 > 详细

记录1

时间:2016-01-04 06:33:01      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:

1.高级程序设计、javascript权威指南这些书籍看过吗?

2:你觉得你哪方面能力最好?

3:切图导出的gif、JPG、PNG等格式有什么区别呀

4:你觉得移动端和PC端,在页面构建和交互方面有什么区别?

5:主要做页面构建还是页面交互?

6:css3动画的实现方式有哪些?

7:用过mvc没?

8:map trigger的意思。

<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>  
<script type="text/javascript">  
    $(document).ready(function () {  
        // $(selector).trigger(event,[param1,param2,...]); event为必选 param为可选
        $(#button1).click(function(){  
            alert(button1);  
            $(#button2).trigger(click);     //点击1的时候,触发2  
        });  
  
        $(#button2).click(function(){  
            alert(button2);  
            $("#button3").trigger("myEvent", ["Hello","World!"]);   
        });  
  
        $("#button3").bind("myEvent", function (event, message1, message2) {  //自定议事件myevent  
          alert(message1 +   + message2);  
        });  

    // map .map(callback(index,domElement)) 
    // 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象。
    var str=$("button").map(function(){ 
        return $(this).text()
    });
    console.log(str); // ["click1", "click2", "click3", prevObject: m.fn.init[3], context: document] map返回的数组
    console.log(str.get()); // ["click1", "click2", "click3"] 获取的str为类数组,要用get转一下
    console.log(str.get().join(",")); //click1,click2,click3

    // 和each的区别
    // each返回的是原来的数组,并不会新创建一个数组;map方法会返回一个新的数组。如果在没有必要的情况下使用map,则有可能造成内存浪费。
    var str2=$("button").each(function(index){
        console.log(index);
    });
    console.log(str2); //  [button#button1, button#button2, button#button3, prevObject: m.fn.init[1], context: document, selector: "button"]

    var item1=[1,2,3,4],item2=[1,2,3,4];
    var item3=item2.map(function(i){
         return i+1 
    });
    console.log(item3); // [2, 3, 4, 5]
    console.log(item2); // [1, 2, 3, 4]

    var item4=$.each(item1,function(i){ 
        return i+1
    });
    console.log(item1); // [1, 2, 3, 4]
    console.log(item4); //[1, 2, 3, 4]
    });  
</script>  
  
</head>  
<body style="text-align:center;">  
    <div style="margin-top:130px;">  
        <button id=button1>click1</button>  
        <button id=button2>click2</button>  
        <button id=button3>click3</button>  
    </div>  
</body>  
</html> 

 

9:

记录1

标签:

原文地址:http://www.cnblogs.com/startlove/p/4201326.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!