<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<div id="div1">

</div>

<div id="div2">tinajia</div>

   <ul id="ul">

       <li>111</li>

       <li>222</li>

       <li>333</li>

       <li>444</li>

  </ul>

</body>

<script src="jquery-3.3.1.js"></script>

<script>

       $('#ul').on('click','li',function () {

         alert($(this).html())

    })

//    function fuc() {

//       alert(1234)

//

//    }

    // $('li').click(function () {

    //     alert($(this).html())

    // })

    $('#div2').click(function () {

    var b=document.createElement('li')

         b.innerHTML=555

    $('ul').append(b)

});

</script>

</html>


												


											
js bind绑定事件的更多相关文章
	

    
								
  1. 面试时被问到js的绑定事件，我居然不知道怎么回答。回来查了下，做个笔记
		
    事件绑定是几种方法 以下为例: <button id='btn'>click me</button> function Btn(){ alert('click'); } 1.直 ...
    
		
    2. 
						
  2. js元素绑定事件
		
    想给一个元素绑定一个方法之后,在绑定一个方法而且不被覆盖 window.onload = function () { alert('a'); } window.onlaod=function(){ a ...
    
		
    3. 
						
  3. JS中绑定事件顺序（事件冒泡与事件捕获区别）
		
    在JS中,绑定的事件默认的执行时间是在冒泡阶段执行,而非在捕获阶段(重要),这也是为什么当父类和子类都绑定了某个事件,会先调用子类绑定的事件,后调用父类的事件.直接看下面实例 <!Doctype ...
    
		
    4. 
						
  4. jQuery中的bind绑定事件与文本框改变事件的临时解决方法
		
    暂时没有想到什么好的解决办法,我现在加了个浏览器判断非ie的话就注册blur事件,这样有个问题就是blur实在别的控件活动焦点的时候,txtStation控件注册的方法是为了填充它紧挨着的一个下拉列表 ...
    
		
    5. 
						
  5. bind绑定事件，摁回车键提交查询，点击查询也可以提交查询
		
    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...
    
		
    6. 
						
  6. js bind 绑定this指向
		
    1.示例代码 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT ...
    
		
    7. 
						
  7. 原生js在绑定事件时不用获取id名可直接用id名绑定？？？
		
    <div id="btn"> 点击 </div> <script> btn.onclick=function(){ console.log(bt ...
    
		
    8. 
						
  8. js通用绑定事件函数
		
    
		
    9. 
						
  9. [JS] jq绑定事件的参数传递
		
    $(function(){ var obj = {name:"select",param:"2"}; $("#select").click( ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. ajax提交不进入后台报415错误
			
    Unsupported Media Type错误 问题所在为后台缺包和xml配置文档缺配置或配置不正确: Jackson的依赖问题,spring3.x和spring4.x是不同的: spring3.x ...
    
			
    2. 
						
  2. mysql中用limit 进行分页有两种方式
			
    代码示例:语句1: select * from student limit 9,4 语句2: slect * from student limit 4 offset 9 // 语句1和2均返回表stu ...
    
			
    3. 
						
  3. Abp.vNext 权限备注
			
    Abp 内部是基于 asp.net core 基于 策略的  授权方式,每个权限为一个策略 权限分为: 1.定义权限(先定义权限组,后添加权限),每个模块都应该创建一个PermissionDefini ...
    
			
    4. 
						
  4. css给html添加效果
			
    <!doctype html> <html> <head> <title>EasyMall注册界面</title> <meta htt ...
    
			
    5. 
						
  5. git(三) 使用github
			
    1.创建仓库 ① 注册github账户,登录后,点击"New respository ". ② 在新页面中,输入项目的名称,勾选'readme.md',点击'create repo ...
    
			
    6. 
						
  6. js 浏览器判断
			
    获取浏览器类型 function getBrowser() { var userAgent = navigator.userAgent //取得浏览器的userAgent字符串 var isOpera ...
    
			
    7. 
						
  7. 微信小程序wx.previewImage实用案例（交流QQ群：604788754）
			
    本案例是可以滑动预览多张图片效果.(本案例在本地配置好之后,请扫描二维码到手机滑动预览.在开发者工具上预览,滑动不是很流畅) 图片必须选择远程图片,本地图片无法实现预览. 或是通过wx.chooseI ...
    
			
    8. 
						
  8. webkit之滚动条美化
			
    由于公司的产品改用webkit内核,在写公共css的时候,不想使用插件模拟,顺便网上查阅了下css3的滚动条美化. 首先,先上一副示意图. 从网络上盗图的(来源 http://zhangyaochun ...
    
			
    9. 
						
  9. BATJ面试指南
			
    Java并发编程面试题汇总 线程 线程是一个独立执行的调用序列,同一个进程的线程在同一时刻共享一些系统资源(比如文件句柄等)也能访问同一个进程所创建的对象资源(内存资源).java.lang.Thre ...
    
			
    10. 
						
  10. HTML、CSS(小笔记)
			
    这是我自己在学习html.css时觉得要记的东西太多总结一些较为常用的标签. HTML <p></p>段落标签 <hn></hn>标题标签n数值为1~6 ...
    
			
    11.