首页 > Web开发 > 详细

js基础知识整理笔记一

时间:2019-10-12 14:22:55      阅读:56      评论:0      收藏:0      [点我收藏+]

1.在博客园看到一篇技术分享图片的随笔,学到以下:

 

 

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

1 <script>
2     $(function() {
3         $(‘ul>li‘).click(function() {
4             console.log($(this).html());
5         });
6         $(‘ul‘).append(‘<li>5</li><li>6</li>‘);
7     })
8 </script>

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

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

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

1 <script>
2     $(function() {
3         $(‘body‘).on(‘click‘, ‘ul>li‘, function() {
4             console.log($(this).html());
5         });
6         $(‘ul‘).append(‘<li>5</li><li>6</li>‘);
7     })
8  </script>

 

js基础知识整理笔记一

原文:https://www.cnblogs.com/emmafenn98/p/11649950.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!