js基础知识整理笔记一

1.在博客园看到一篇的随笔，学到以下：

 

 

$(选择器).click(function(){}):当选中的选择器被点击时触发回调函数，只针对页面也存在的选择器

<script>
    $(function() {
        $('ul>li').click(function() {
            console.log($(this).html());
        });
        $('ul').append('<li>5</li><li>6</li>');
    })
</script>

选择器中ul>li表示只有ul标签下的li标签，log里面的this代表ul>li选择器

append()是往动态字符串数组的尾部添加

$("#id").on("click","被选择的元素",function(e){}):on方法包含很多事件，点击，双击等等事件。和$().click()的用法一样，最大的区别即优点是如果动态创建的元素在该选择器选中范围内是能触发回调函数。

<script>
    $(function() {
        $('body').on('click', 'ul>li', function() {
            console.log($(this).html());
        });
        $('ul').append('<li>5</li><li>6</li>');
    })
 </script>